src/components/ButtonUnderline/index.tsx

@@ -2,7 +2,7 @@ import { PropsWithChildren } from 'react'
 import styles from './style.module.scss'
 
 interface ButtonUnderlineProps {
-  onClick: () => void
+  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void
   disabled?: boolean | undefined
 }
 

src/components/FileList/index.tsx

@@ -1,16 +1,16 @@
-import { CurrentUserFile } from '../../types/file.ts'
+import React from 'react'
-import styles from './style.module.scss'
 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 PopupState, { bindTrigger, bindMenu } from 'material-ui-popup-state'
+import { CurrentUserFile } from '../../types/file.ts'
-import React from 'react'
+import styles from './style.module.scss'
 
 interface FileListProps {
   files: CurrentUserFile[]
   currentFile: CurrentUserFile
   setCurrentFile: (file: CurrentUserFile) => void
-  handleExport: () => void
+  handleExport?: () => void
   handleEncryptedExport?: () => void
 }
 
@@ -45,6 +45,8 @@ const FileList = ({
         ))}
       </ul>
 
+      {(typeof handleExport === 'function' ||
+        typeof handleEncryptedExport === 'function') && (
         <PopupState variant="popover" popupId="download-popup-menu">
           {(popupState) => (
             <React.Fragment>
@@ -52,6 +54,7 @@ const FileList = ({
                 Export files
               </Button>
               <Menu {...bindMenu(popupState)}>
+                {typeof handleExport === 'function' && (
                   <MenuItem
                     onClick={() => {
                       popupState.close
@@ -60,19 +63,22 @@ const FileList = ({
                   >
                     Export Files
                   </MenuItem>
+                )}
+                {typeof handleEncryptedExport === 'function' && (
                   <MenuItem
                     onClick={() => {
                       popupState.close
-                  typeof handleEncryptedExport === 'function' &&
                       handleEncryptedExport()
                     }}
                   >
                     Export Encrypted Files
                   </MenuItem>
+                )}
               </Menu>
             </React.Fragment>
           )}
         </PopupState>
+      )}
     </div>
   )
 }