Refactor: change default API modal shortcut

src/frontend/src/constants/constants.ts

@@ -758,7 +758,7 @@ export const defaultShortcuts = [
     shortcut: `${IS_MAC ? "Cmd" : "Ctrl"} + D`,
   },
   {
-    name: "Share",
+    name: "Component Share",
     shortcut: `${IS_MAC ? "Cmd" : "Ctrl"} + Shift + S`,
   },
   {
@@ -799,7 +799,7 @@ export const defaultShortcuts = [
   },
   {
     name: "API",
-    shortcut: `${IS_MAC ? "Cmd" : "Ctrl"} + R`,
+    shortcut: `R`,
   },
   {
     name: "Download",

src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx

@@ -170,7 +170,7 @@ export default function NodeToolbarComponent({
 
   const advanced = useShortcutsStore((state) => state.advanced);
   const minimize = useShortcutsStore((state) => state.minimize);
-  const share = useShortcutsStore((state) => state.share);
+  const component = useShortcutsStore((state) => state.component);
   const save = useShortcutsStore((state) => state.save);
   const docs = useShortcutsStore((state) => state.docs);
   const code = useShortcutsStore((state) => state.code);
@@ -182,7 +182,7 @@ export default function NodeToolbarComponent({
   useHotkeys(minimize, handleMinimizeWShortcut, { preventDefault });
   useHotkeys(update, handleUpdateWShortcut, { preventDefault });
   useHotkeys(group, handleGroupWShortcut, { preventDefault });
-  useHotkeys(share, handleShareWShortcut, { preventDefault });
+  useHotkeys(component, handleShareWShortcut, { preventDefault });
   useHotkeys(code, handleCodeWShortcut, { preventDefault });
   useHotkeys(advanced, handleAdvancedWShortcut, { preventDefault });
   useHotkeys(save, handleSaveWShortcut, { preventDefault });

src/frontend/src/stores/shortcuts.ts

@@ -16,14 +16,14 @@ export const useShortcutsStore = create<shortcutsStoreType>((set, get) => ({
   code: "space",
   copy: "mod+c",
   duplicate: "mod+d",
-  share: "mod+shift+s",
+  component: "mod+shift+s",
   docs: "mod+shift+d",
   save: "mod+s",
   delete: "backspace",
   group: "mod+g",
   cut: "mod+x",
   paste: "mod+v",
-  api: "mod+shift+r",
+  api: "r",
   update: "mod+u",
   download: "mod+j",
   freeze: "mod+f",

src/frontend/src/types/store/index.ts

@@ -34,7 +34,7 @@ export type shortcutsStoreType = {
   code: string;
   copy: string;
   duplicate: string;
-  share: string;
+  component: string;
   docs: string;
   save: string;
   delete: string;
@@ -46,7 +46,7 @@ export type shortcutsStoreType = {
     shortcut: string;
   }>;
   setShortcuts: (
-    newShortcuts: Array<{ name: string; shortcut: string }>
+    newShortcuts: Array<{ name: string; shortcut: string }>,
   ) => void;
   getShortcutsFromStorage: () => void;
 };