Fix the layout toggle keyboard shortcut

responsively-org · Jan 19, 2025 · f5b0ca6 · f5b0ca6
1 parent 00bfd22
commit f5b0ca6
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/desktop-app/src/renderer/components/ToolBar/Menu/Flyout/PreviewLayout/index.tsx b/desktop-app/src/renderer/components/ToolBar/Menu/Flyout/PreviewLayout/index.tsx
@@ -15,7 +15,14 @@ const PreviewLayoutSelector = () => {
     dispatch(setLayout(newLayout));
   };
 
-  useKeyboardShortcut(SHORTCUT_CHANNEL.PREVIEW_LAYOUT, handleLayout);
+  const toggleNextLayout = () => {
+    const layouts = Object.values(PREVIEW_LAYOUTS);
+    const currentIndex = layouts.findIndex((l) => l === layout);
+    const nextIndex = (currentIndex + 1) % layouts.length;
+    dispatch(setLayout(layouts[nextIndex]));
+  };
+
+  useKeyboardShortcut(SHORTCUT_CHANNEL.PREVIEW_LAYOUT, toggleNextLayout);
 
   return (
     <div className="flex flex-row items-center justify-start px-4">