src/components/FileList/index.tsx

@@ -2,7 +2,11 @@ import React from 'react'
 import { Button, Menu, MenuItem } from '@mui/material'
 import PopupState, { bindTrigger, bindMenu } from 'material-ui-popup-state'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faCheck } from '@fortawesome/free-solid-svg-icons'
+import {
+  faCheck,
+  faLock,
+  faTriangleExclamation
+} from '@fortawesome/free-solid-svg-icons'
 import { CurrentUserFile } from '../../types/file.ts'
 import styles from './style.module.scss'
 
@@ -54,16 +58,6 @@ const FileList = ({
                 Export files
               </Button>
               <Menu {...bindMenu(popupState)}>
-                {typeof handleExport === 'function' && (
-                  <MenuItem
-                    onClick={() => {
-                      popupState.close
-                      handleExport()
-                    }}
-                  >
-                    Export Files
-                  </MenuItem>
-                )}
                 {typeof handleEncryptedExport === 'function' && (
                   <MenuItem
                     onClick={() => {
@@ -71,7 +65,25 @@ const FileList = ({
                       handleEncryptedExport()
                     }}
                   >
-                    Export Encrypted Files
+                    <FontAwesomeIcon
+                      color={'var(--mui-palette-primary-main)'}
+                      icon={faLock}
+                    />
+                    &nbsp; EXPORT (encrypted)
+                  </MenuItem>
+                )}
+                {typeof handleExport === 'function' && (
+                  <MenuItem
+                    onClick={() => {
+                      popupState.close
+                      handleExport()
+                    }}
+                  >
+                    <FontAwesomeIcon
+                      color={'var(--mui-palette-primary-main)'}
+                      icon={faTriangleExclamation}
+                    />
+                    &nbsp; EXPORT (unencrypted)
                   </MenuItem>
                 )}
               </Menu>