diff --git a/src/components/FileList/index.tsx b/src/components/FileList/index.tsx index 45e2631..9a52772 100644 --- a/src/components/FileList/index.tsx +++ b/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 - {typeof handleExport === 'function' && ( - { - popupState.close - handleExport() - }} - > - Export Files - - )} {typeof handleEncryptedExport === 'function' && ( { @@ -71,7 +65,25 @@ const FileList = ({ handleEncryptedExport() }} > - Export Encrypted Files + +   EXPORT (encrypted) + + )} + {typeof handleExport === 'function' && ( + { + popupState.close + handleExport() + }} + > + +   EXPORT (unencrypted) )}