From 07aa83e4e5c60e31798b631dbcbbe8ee35a2dd6a Mon Sep 17 00:00:00 2001
From: igorrCarvalho <igorsilvabhz6@gmail.com>
Date: Thu, 29 Feb 2024 19:20:26 -0300
Subject: [PATCH] Fix: Remove code modal shortcut for improvements

---
 src/frontend/src/App.tsx                      | 26 -----------------
 .../src/modals/codeAreaModal/index.tsx        | 28 -------------------
 .../components/nodeToolbarComponent/index.tsx | 11 --------
 src/frontend/src/stores/flowStore.ts          | 10 -------
 src/frontend/src/types/zustand/flow/index.ts  |  2 --
 5 files changed, 77 deletions(-)

diff --git a/src/frontend/src/App.tsx b/src/frontend/src/App.tsx
index 4dbac7a5c..22fd6c5bb 100644
--- a/src/frontend/src/App.tsx
+++ b/src/frontend/src/App.tsx
@@ -45,32 +45,6 @@ export default function App() {
   const refreshStars = useDarkStore((state) => state.refreshStars);
   const checkHasStore = useStoreStore((state) => state.checkHasStore);
 
-  const handleModalWShortcut = useFlowStore(
-    (state) => state.handleModalWShortcut
-  );
-  const nodes = useFlowStore((state) => state.nodes);
-
-  useEffect(() => {
-    const onKeyDown = (event: KeyboardEvent) => {
-      const selectedNode = nodes.filter((obj) => obj.selected);
-      if (
-        (event.ctrlKey || event.metaKey) &&
-        event.shiftKey &&
-        event.key === "C" &&
-        selectedNode.length > 0
-      ) {
-        event.preventDefault();
-        handleModalWShortcut("code");
-      }
-    };
-
-    document.addEventListener("keydown", onKeyDown);
-
-    return () => {
-      document.removeEventListener("keydown", onKeyDown);
-    };
-  }, [handleModalWShortcut, nodes]);
-
   useEffect(() => {
     refreshStars();
     refreshVersion();
diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index 0fecf2a7f..857cbc69e 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -56,34 +56,6 @@ export default function CodeAreaModal({
     }
   }, []);
 
-  const handleModalWShortcut = useFlowStore(
-    (state) => state.handleModalWShortcut
-  );
-  const openCodeModalWShortcut = useFlowStore(
-    (state) => state.openCodeModalWShortcut
-  );
-  const nodes = useFlowStore((state) => state.nodes);
-
-  useEffect(() => {
-    const onKeyDown = (event: KeyboardEvent) => {
-      const selectedNode = nodes.filter((obj) => obj.selected);
-      if (
-        (event.ctrlKey || event.metaKey) &&
-        event.shiftKey &&
-        event.key === "C" &&
-        selectedNode.length > 0
-      ) {
-        event.preventDefault();
-        setOpen(openCodeModalWShortcut);
-      }
-    };
-    document.addEventListener("keydown", onKeyDown);
-
-    return () => {
-      document.removeEventListener("keydown", onKeyDown);
-    };
-  }, []);
-
   useEffect(() => {
     if (openModal) setOpen(true);
   }, [openModal]);
diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
index 812eb9ed1..7b5bed630 100644
--- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
@@ -90,17 +90,6 @@ export default function NodeToolbarComponent({
   }, [showModalAdvanced]);
   const updateNodeInternals = useUpdateNodeInternals();
 
-  const openCodeModalWShortcut = useFlowStore(
-    (state) => state.openCodeModalWShortcut
-  );
-  const handleModalWShortcut = useFlowStore(
-    (state) => state.handleModalWShortcut
-  );
-
-  useEffect(() => {
-    setOpenModal(openCodeModalWShortcut);
-  }, [openCodeModalWShortcut, handleModalWShortcut]);
-
   const setLastCopiedSelection = useFlowStore(
     (state) => state.setLastCopiedSelection
   );
diff --git a/src/frontend/src/stores/flowStore.ts b/src/frontend/src/stores/flowStore.ts
index 79ac65961..1725de2a0 100644
--- a/src/frontend/src/stores/flowStore.ts
+++ b/src/frontend/src/stores/flowStore.ts
@@ -57,16 +57,6 @@ const useFlowStore = create<FlowStoreType>((set, get) => ({
   flowPool: {},
   inputs: [],
   outputs: [],
-  openCodeModalWShortcut: false,
-  handleModalWShortcut: (modal) => {
-    switch (modal) {
-      case "code":
-        set((state) => ({
-          openCodeModalWShortcut: !state.openCodeModalWShortcut,
-        }));
-        break;
-    }
-  },
   setFlowPool: (flowPool) => {
     set({ flowPool });
   },
diff --git a/src/frontend/src/types/zustand/flow/index.ts b/src/frontend/src/types/zustand/flow/index.ts
index 75044f921..c969d8d6b 100644
--- a/src/frontend/src/types/zustand/flow/index.ts
+++ b/src/frontend/src/types/zustand/flow/index.ts
@@ -40,8 +40,6 @@ export type FlowPoolType = {
 };
 
 export type FlowStoreType = {
-  openCodeModalWShortcut: boolean;
-  handleModalWShortcut: (modal: string) => void;
   flowPool: FlowPoolType;
   inputs: Array<{ type: string; id: string }>;
   outputs: Array<{ type: string; id: string }>;