From 64b0ffcde53f14eaacacf4683c2910d808848368 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Thu, 15 Jun 2023 17:47:24 -0300
Subject: [PATCH] feat(frontend): add flow name and description editing
 functionality to FlowSettingsModal component fix(frontend): fix saveFlow
 function call to save edited flow name and description instead of the
 original flow object

---
 src/frontend/.githooks/prepare-commit-msg     |  1 +
 .../src/modals/flowSettingsModal/index.tsx    | 24 ++++++++++---------
 2 files changed, 14 insertions(+), 11 deletions(-)
 create mode 120000 src/frontend/.githooks/prepare-commit-msg

diff --git a/src/frontend/.githooks/prepare-commit-msg b/src/frontend/.githooks/prepare-commit-msg
new file mode 120000
index 000000000..7aa890bb6
--- /dev/null
+++ b/src/frontend/.githooks/prepare-commit-msg
@@ -0,0 +1 @@
+/usr/lib/node_modules/opencommit/out/cli.cjs
\ No newline at end of file
diff --git a/src/frontend/src/modals/flowSettingsModal/index.tsx b/src/frontend/src/modals/flowSettingsModal/index.tsx
index 75846f357..365911e12 100644
--- a/src/frontend/src/modals/flowSettingsModal/index.tsx
+++ b/src/frontend/src/modals/flowSettingsModal/index.tsx
@@ -24,6 +24,10 @@ export default function FlowSettingsModal() {
   const ref = useRef();
   const { flows, tabId, updateFlow, setTabsState, saveFlow } = useContext(TabsContext);
   const maxLength = 50;
+  const [name, setName] = useState(flows.find((f) => f.id === tabId).name);
+  const [description, setDescription] = useState(
+    flows.find((f) => f.id === tabId).description
+  );
   function setModalOpen(x: boolean) {
     setOpen(x);
     if (x === false) {
@@ -32,12 +36,14 @@ export default function FlowSettingsModal() {
       }, 300);
     }
   }
-
-
-  const [name, setName] = useState(flows.find((f) => f.id === tabId).name);
-  const [description, setDescription] = useState(
-    flows.find((f) => f.id === tabId).description
-  );
+  function handleClick(){
+    let savedFlow = flows.find((f) => f.id === tabId)
+    savedFlow.name = name;
+    savedFlow.description = description;
+    saveFlow(savedFlow);
+    setSuccessData({ title: "Changes saved successfully" });
+    closePopUp();
+  }
   return (
     <Dialog open={true} onOpenChange={setModalOpen}>
       <DialogTrigger asChild></DialogTrigger>
@@ -62,11 +68,7 @@ export default function FlowSettingsModal() {
 
         <DialogFooter>
           <Button
-            onClick={() => {
-              saveFlow(flows.find((f) => f.id === tabId));
-              setSuccessData({ title: "Changes saved successfully" });
-              closePopUp();
-            }}
+            onClick={handleClick}
             type="submit"
           >
             Save