From 53f01c618b8f995b81d6d22e0a092cec2a4f408a Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 14 Jun 2023 11:37:35 -0300
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat(flowSettingsModal):=20add=20ha?=
 =?UTF-8?q?ndleSaveFlow=20function=20to=20save=20flow=20changes=20to=20the?=
 =?UTF-8?q?=20database=20and=20display=20success=20message=20The=20changes?=
 =?UTF-8?q?=20in=20this=20commit=20include=20removing=20unused=20imports?=
 =?UTF-8?q?=20and=20formatting=20the=20code=20to=20improve=20readability.?=
 =?UTF-8?q?=20The=20handleSaveFlow=20function=20was=20added=20to=20save=20?=
 =?UTF-8?q?flow=20changes=20to=20the=20database=20and=20display=20a=20succ?=
 =?UTF-8?q?ess=20message.=20This=20function=20is=20called=20when=20the=20u?=
 =?UTF-8?q?ser=20clicks=20the=20save=20button.=20=F0=9F=8E=A8=20style(flow?=
 =?UTF-8?q?SettingsModal):=20remove=20unused=20imports=20and=20format=20co?=
 =?UTF-8?q?de?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/modals/flowSettingsModal/index.tsx    | 41 +++++++++----------
 1 file changed, 20 insertions(+), 21 deletions(-)

diff --git a/src/frontend/src/modals/flowSettingsModal/index.tsx b/src/frontend/src/modals/flowSettingsModal/index.tsx
index 64c2a67f7..7a5adc0a0 100644
--- a/src/frontend/src/modals/flowSettingsModal/index.tsx
+++ b/src/frontend/src/modals/flowSettingsModal/index.tsx
@@ -1,10 +1,5 @@
-import {
-  XMarkIcon,
-  ArrowDownTrayIcon,
-  DocumentDuplicateIcon,
-  ComputerDesktopIcon,
-} from "@heroicons/react/24/outline";
-import { Fragment, useContext, useRef, useState } from "react";
+import { ArrowDownTrayIcon } from "@heroicons/react/24/outline";
+import { useContext, useRef, useState } from "react";
 import { alertContext } from "../../contexts/alertContext";
 import { PopUpContext } from "../../contexts/popUpContext";
 import { TabsContext } from "../../contexts/tabsContext";
@@ -19,17 +14,17 @@ import {
 } from "../../components/ui/dialog";
 import { Button } from "../../components/ui/button";
 import { Label } from "@radix-ui/react-label";
-import { Checkbox } from "../../components/ui/checkbox";
 import { Textarea } from "../../components/ui/textarea";
 import { Input } from "../../components/ui/input";
 import { SETTINGS_DIALOG_SUBTITLE } from "../../constants";
+import { updateFlowInDatabase } from "../../controllers/API";
 
 export default function FlowSettingsModal() {
   const [open, setOpen] = useState(true);
   const { closePopUp } = useContext(PopUpContext);
-  const {setErrorData} = useContext(alertContext);
+  const { setErrorData, setSuccessData } = useContext(alertContext);
   const ref = useRef();
-  const { flows, tabId, updateFlow,} = useContext(TabsContext);
+  const { flows, tabId, updateFlow } = useContext(TabsContext);
   function setModalOpen(x: boolean) {
     setOpen(x);
     if (x === false) {
@@ -38,8 +33,19 @@ export default function FlowSettingsModal() {
       }, 300);
     }
   }
+
+  function handleSaveFlow(flow) {
+    try {
+      updateFlowInDatabase(flow);
+      // updateFlowStyleInDataBase(flow);
+    } catch (err) {
+      setErrorData(err);
+    }
+  }
   const [name, setName] = useState(flows.find((f) => f.id === tabId).name);
-  const [description, setDescription] = useState(flows.find((f) => f.id === tabId).description);
+  const [description, setDescription] = useState(
+    flows.find((f) => f.id === tabId).description
+  );
   return (
     <Dialog open={true} onOpenChange={setModalOpen}>
       <DialogTrigger asChild></DialogTrigger>
@@ -76,7 +82,7 @@ export default function FlowSettingsModal() {
             name="description"
             id="description"
             onChange={(event) => {
-              setDescription(event.target.value)
+              setDescription(event.target.value);
             }}
             value={description ?? null}
             placeholder="Flow description"
@@ -88,15 +94,8 @@ export default function FlowSettingsModal() {
         <DialogFooter>
           <Button
             onClick={() => {
-              if(name !== ""){
-                let newFlow = flows.find((f) => f.id === tabId);
-                newFlow.name = name;
-                newFlow.description = description;
-                updateFlow(newFlow);
-                closePopUp();
-              } else {
-                setErrorData({title: "Error Saving Settings", list: ["The name must not be empty."]})
-              }
+              handleSaveFlow(flows.find((f) => f.id === tabId));
+              setSuccessData({ title: "Changes saved successfully" });
             }}
             type="submit"
           >