Preview Hotkeys work consistently (#1740)

* Add dependencies to hook * fix lint
ChainSafe · Nov 16, 2021 · 5b3a1e1 · 5b3a1e1
1 parent 3e86cfe
commit 5b3a1e1
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/packages/files-ui/src/Components/Modules/FilePreviewModal.tsx b/packages/files-ui/src/Components/Modules/FilePreviewModal.tsx
@@ -162,7 +162,7 @@ const useStyles = makeStyles(
           position: "absolute"
         }
       },
-      focusVisible:{
+      focusVisible: {
         backgroundColor: "transparent !important"
       },
       menuWrapper: {
@@ -185,7 +185,7 @@ interface Props {
 const FilePreviewModal = ({ file, nextFile, previousFile, closePreview, filePath }: Props) => {
   const classes = useStyles()
   const { downloadFile } = useFiles()
-  const [fileContent, setFileContent] = useState<Blob |undefined>()
+  const [fileContent, setFileContent] = useState<Blob | undefined>()
   const { bucket } = useFileBrowser()
   const { buckets } = useFiles()
   const { desktop } = useThemeSwitcher()
@@ -241,11 +241,11 @@ const FilePreviewModal = ({ file, nextFile, previousFile, closePreview, filePath
 
   useHotkeys("Left,ArrowLeft", () => {
     previousFile && previousFile()
-  })
+  }, [previousFile])
 
   useHotkeys("Right,ArrowRight", () => {
     nextFile && nextFile()
-  })
+  }, [nextFile])
 
   const handleDownload = useCallback(() => {
     if (!name || !cid || !bucket) return
@@ -296,7 +296,7 @@ const FilePreviewModal = ({ file, nextFile, previousFile, closePreview, filePath
         </Typography>
         <Menu
           testId='preview-kebab'
-          icon={<MoreIcon className={classes.dropdownIcon}/>}
+          icon={<MoreIcon className={classes.dropdownIcon} />}
           options={menuItems}
           style={{
             focusVisible: classes.focusVisible,