💄 front: remove arrow keys from preview if a single file available #661 (#669)

2024-10-03 11:01:45 +02:00
parent b43ef3fed8 c2f67c119f
commit 3ee4fb560b
1 changed files with 22 additions and 16 deletions
@@ -63,6 +63,8 @@ export const DrivePreview: React.FC<DrivePreviewProps> = ({ items }) => {
  }, []);

  useEffect(() => {
+    if (items.length < 2)
+      return () => {};
    addShortcut({ shortcut: 'Right', handler: handleSwitchRight });
    addShortcut({ shortcut: 'Left', handler: handleSwitchLeft });

@@ -146,6 +148,8 @@ export const DrivePreview: React.FC<DrivePreviewProps> = ({ items }) => {
          </div>
          <div className="whitespace-nowrap flex items-center">
            <Controls type={type} />
+            {items.length > 1 &&
+              <>
                <Button
                  iconSize="lg"
                  className="ml-4 !rounded-full"
@@ -162,6 +166,8 @@ export const DrivePreview: React.FC<DrivePreviewProps> = ({ items }) => {
                  icon={ArrowRightIcon}
                  onClick={ handleSwitchRight }
                />
+              </>
+            }
            <Button
              iconSize="lg"
              className="ml-4 !rounded-full"