🐛 preview: fix bug layout breaks when switch images quickly with arro…

…w keys in preview (#492)
linagora · Dec 16, 2024 · df5c472 · df5c472
1 parent 582d12c
commit df5c472
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/tdrive/frontend/src/app/views/client/viewer/drive-preview.tsx b/tdrive/frontend/src/app/views/client/viewer/drive-preview.tsx
@@ -66,8 +66,11 @@ export const DrivePreview: React.FC<DrivePreviewProps> = ({ items }) => {
     if (items.length < 2)
       // eslint-disable-next-line @typescript-eslint/no-empty-function
       return () => {};
-    addShortcut({ shortcut: 'Right', handler: handleSwitchRight });
-    addShortcut({ shortcut: 'Left', handler: handleSwitchLeft });
+
+    if (!status.loading) {
+      addShortcut({ shortcut: 'Right', handler: handleSwitchRight });
+      addShortcut({ shortcut: 'Left', handler: handleSwitchLeft });
+    }
 
     return () => {
       removeShortcut({ shortcut: 'Right', handler: handleSwitchRight });