Fix: Reset file index on new incomming props

michaelkoelle · Nov 23, 2020 · 3a8a2f8 · 3a8a2f8
1 parent c833316
commit 3a8a2f8
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/app/features/correction/MediaViewer.tsx b/app/features/correction/MediaViewer.tsx
@@ -24,7 +24,7 @@ import ErrorIcon from '@material-ui/icons/Error';
 import CropFreeIcon from '@material-ui/icons/CropFree';
 import FolderOpenIcon from '@material-ui/icons/FolderOpen';
 import OpenInNewIcon from '@material-ui/icons/OpenInNew';
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { shell } from 'electron';
 import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
 import mime from 'mime-types';
@@ -40,6 +40,8 @@ export default function MediaViewer(props: any) {
   const [rotation, setRotation] = useState(0);
   const { files = [] } = props;
 
+  useEffect(() => setFileIndex(0), [files]);
+
   const ZOOMSTEP = 20 / 100;
   const ZOOMMIN = 40 / 100;
   const ZOOMMAX = 500 / 100;