From 6c5b487e470d9d7a577bf652b247a87e3776e34b Mon Sep 17 00:00:00 2001 From: Cristhian Zanforlin Lousa <72977554+Cristhianzl@users.noreply.github.com> Date: Wed, 24 Jul 2024 15:57:31 -0300 Subject: [PATCH] refactor: change post/patch folders requests to use UseQuery (#2917) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * ✨ (sidebarComponent): Add usePostFolders hook to handle adding new folders in the sidebar 📝 (folders): Add use-post-folders and use-patch-folders hooks for handling post and patch requests for folders 🔧 (BundleModal): Remove useFolderSubmit hook and directly use usePostFolders hook for adding and updating folders in the modal * ✨ (sidebarComponent): Add usePatchFolders hook to handle updating folders in the sidebar component 🔧 (use-patch-folders): Refactor IPatchAddFolders interface to IPatchPatchFolders for better naming consistency 🔧 (use-patch-folders): Refactor addFoldersFn to patchFoldersFn for better function naming 🔧 (use-patch-folders): Update patchFoldersFn to send patch request to specific folder endpoint 🔧 (use-patch-folders): Update patchFoldersFn to handle updating folders and return updated data 🔧 (use-patch-folders): Update usePatchFolders hook to use patchFoldersFn for mutation 🔧 (use-post-folders): Remove unnecessary call to getFoldersApi after posting folders 🔧 (BundleModal): Remove BundleModal component and entities as they are no longer needed 🔧 (BundleModal/index.tsx): Remove unused imports and clean up code 🔧 (foldersModal/component/index.tsx): Remove unused imports and clean up code 🔧 (foldersModal/entities/index.ts): Remove unused zod schema and clean up code 🔧 (foldersModal/hooks/submit-folder.tsx): Remove unused imports and clean up code ✨ (foldersModal/index.tsx): Remove unused FoldersModal component from modalsComponent to optimize code and improve maintainability. * 📝 (index.tsx): Remove unused openFolderModal and setOpenFolderModal props from ModalsComponent ♻️ (services/index.ts): Remove addFolder, updateFolder, and deleteFolder functions as they are not used in the application ♻️ (foldersStore.tsx): Remove unused import statements for uploadFlowsFromFolders from services and related functions * 📝 (index.tsx): replace async/await with synchronous function call to refresh folders after successful operation --- .../components/sideBarFolderButtons/index.tsx | 61 +++++--- .../controllers/API/queries/folders/index.tsx | 2 + .../API/queries/folders/use-patch-folders.ts | 39 +++++ .../API/queries/folders/use-post-folders.ts | 34 ++++ .../modals/BundleModal/component/index.tsx | 136 ---------------- .../src/modals/BundleModal/entities/index.ts | 10 -- .../BundleModal/hooks/submit-folder.tsx | 57 ------- src/frontend/src/modals/BundleModal/index.tsx | 79 ---------- .../modals/foldersModal/component/index.tsx | 147 ------------------ .../src/modals/foldersModal/entities/index.ts | 10 -- .../foldersModal/hooks/submit-folder.tsx | 64 -------- .../src/modals/foldersModal/index.tsx | 79 ---------- .../components/modalsComponent/index.tsx | 8 - .../pages/MainPage/pages/mainPage/index.tsx | 2 - .../src/pages/MainPage/services/index.ts | 40 ----- src/frontend/src/stores/foldersStore.tsx | 6 +- 16 files changed, 119 insertions(+), 655 deletions(-) create mode 100644 src/frontend/src/controllers/API/queries/folders/use-patch-folders.ts create mode 100644 src/frontend/src/controllers/API/queries/folders/use-post-folders.ts delete mode 100644 src/frontend/src/modals/BundleModal/component/index.tsx delete mode 100644 src/frontend/src/modals/BundleModal/entities/index.ts delete mode 100644 src/frontend/src/modals/BundleModal/hooks/submit-folder.tsx delete mode 100644 src/frontend/src/modals/BundleModal/index.tsx delete mode 100644 src/frontend/src/modals/foldersModal/component/index.tsx delete mode 100644 src/frontend/src/modals/foldersModal/entities/index.ts delete mode 100644 src/frontend/src/modals/foldersModal/hooks/submit-folder.tsx delete mode 100644 src/frontend/src/modals/foldersModal/index.tsx diff --git a/src/frontend/src/components/sidebarComponent/components/sideBarFolderButtons/index.tsx b/src/frontend/src/components/sidebarComponent/components/sideBarFolderButtons/index.tsx index 93080117e..b275775d0 100644 --- a/src/frontend/src/components/sidebarComponent/components/sideBarFolderButtons/index.tsx +++ b/src/frontend/src/components/sidebarComponent/components/sideBarFolderButtons/index.tsx @@ -1,8 +1,11 @@ -import { usePostUploadFolders } from "@/controllers/API/queries/folders"; +import { + usePatchFolders, + usePostUploadFolders, +} from "@/controllers/API/queries/folders"; +import { usePostFolders } from "@/controllers/API/queries/folders/use-post-folders"; import { useEffect, useRef, useState } from "react"; import { useLocation } from "react-router-dom"; import { FolderType } from "../../../../pages/MainPage/entities"; -import { addFolder, updateFolder } from "../../../../pages/MainPage/services"; import { handleDownloadFolderFn } from "../../../../pages/MainPage/utils/handle-download-folder"; import useAlertStore from "../../../../stores/alertStore"; import useFlowsManagerStore from "../../../../stores/flowsManagerStore"; @@ -51,6 +54,7 @@ const SideBarFoldersButtonsComponent = ({ const getFolderById = useFolderStore((state) => state.getFolderById); const setErrorData = useAlertStore((state) => state.setErrorData); const setSuccessData = useAlertStore((state) => state.setSuccessData); + const getFoldersApi = useFolderStore((state) => state.getFoldersApi); const handleFolderChange = () => { getFolderById(folderId); @@ -110,10 +114,22 @@ const SideBarFoldersButtonsComponent = ({ handleDownloadFolderFn(id); }; + const { mutate: mutateAddFolder } = usePostFolders(); + const { mutate: mutateUpdateFolder } = usePatchFolders(); + function addNewFolder() { - addFolder({ name: "New Folder", parent_id: null, description: "" }).then( - (res) => { - refreshFolders(); + mutateAddFolder( + { + data: { + name: "New Folder", + parent_id: null, + description: "", + }, + }, + { + onSuccess: () => { + refreshFolders(); + }, }, ); } @@ -151,22 +167,31 @@ const SideBarFoldersButtonsComponent = ({ flows: item.flows?.length > 0 ? item.flows : [], components: item.components?.length > 0 ? item.components : [], }; - const updatedFolder = await updateFolder(body, item.id!); - const updatedFolderIndex = folders.findIndex( - (f) => f.id === updatedFolder.id, - ); + mutateUpdateFolder( + { + data: body, + folderId: item.id!, + }, + { + onSuccess: (updatedFolder) => { + const updatedFolderIndex = folders.findIndex( + (f) => f.id === updatedFolder.id, + ); - const updateFolders = [...folders]; - updateFolders[updatedFolderIndex] = updatedFolder; + const updateFolders = [...folders]; + updateFolders[updatedFolderIndex] = updatedFolder; - setFolders(updateFolders); - setFoldersNames({}); - setEditFolderName( - folders.map((obj) => ({ - name: obj.name, - edit: false, - })), + setFolders(updateFolders); + setFoldersNames({}); + setEditFolderName( + folders.map((obj) => ({ + name: obj.name, + edit: false, + })), + ); + }, + }, ); } else { setFoldersNames((old) => ({ diff --git a/src/frontend/src/controllers/API/queries/folders/index.tsx b/src/frontend/src/controllers/API/queries/folders/index.tsx index 1791a0120..74260704a 100644 --- a/src/frontend/src/controllers/API/queries/folders/index.tsx +++ b/src/frontend/src/controllers/API/queries/folders/index.tsx @@ -1,2 +1,4 @@ export * from "./use-delete-folders"; +export * from "./use-patch-folders"; +export * from "./use-post-folders"; export * from "./use-post-upload-folders"; diff --git a/src/frontend/src/controllers/API/queries/folders/use-patch-folders.ts b/src/frontend/src/controllers/API/queries/folders/use-patch-folders.ts new file mode 100644 index 000000000..0bbdb4dcc --- /dev/null +++ b/src/frontend/src/controllers/API/queries/folders/use-patch-folders.ts @@ -0,0 +1,39 @@ +import { AddFolderType } from "@/pages/MainPage/entities"; +import { useFolderStore } from "@/stores/foldersStore"; +import { useMutationFunctionType } from "@/types/api"; +import { api } from "../../api"; +import { getURL } from "../../helpers/constants"; +import { UseRequestProcessor } from "../../services/request-processor"; + +interface IPatchPatchFolders { + data: AddFolderType; + folderId: string; +} + +export const usePatchFolders: useMutationFunctionType< + undefined, + IPatchPatchFolders +> = (options?) => { + const { mutate } = UseRequestProcessor(); + + const patchFoldersFn = async ( + newFolder: IPatchPatchFolders, + ): Promise => { + const payload = { + name: newFolder.data.name, + description: newFolder.data.description, + flows_list: newFolder.data.flows ?? [], + components_list: newFolder.data.components ?? [], + }; + + const res = await api.patch( + `${getURL("FOLDERS")}/${newFolder.folderId}`, + payload, + ); + return res.data; + }; + + const mutation = mutate(["usePatchFolders"], patchFoldersFn, options); + + return mutation; +}; diff --git a/src/frontend/src/controllers/API/queries/folders/use-post-folders.ts b/src/frontend/src/controllers/API/queries/folders/use-post-folders.ts new file mode 100644 index 000000000..eac378bdf --- /dev/null +++ b/src/frontend/src/controllers/API/queries/folders/use-post-folders.ts @@ -0,0 +1,34 @@ +import { AddFolderType } from "@/pages/MainPage/entities"; +import useFlowsManagerStore from "@/stores/flowsManagerStore"; +import { useFolderStore } from "@/stores/foldersStore"; +import { Users, useMutationFunctionType } from "@/types/api"; +import { api } from "../../api"; +import { getURL } from "../../helpers/constants"; +import { UseRequestProcessor } from "../../services/request-processor"; + +interface IPostAddFolders { + data: AddFolderType; +} + +export const usePostFolders: useMutationFunctionType< + undefined, + IPostAddFolders +> = (options?) => { + const { mutate } = UseRequestProcessor(); + + const addFoldersFn = async (newFolder: IPostAddFolders): Promise => { + const payload = { + name: newFolder.data.name, + description: newFolder.data.description, + flows_list: newFolder.data.flows ?? [], + components_list: newFolder.data.components ?? [], + }; + + const res = await api.post(`${getURL("FOLDERS")}/`, payload); + return res.data; + }; + + const mutation = mutate(["usePostFolders"], addFoldersFn, options); + + return mutation; +}; diff --git a/src/frontend/src/modals/BundleModal/component/index.tsx b/src/frontend/src/modals/BundleModal/component/index.tsx deleted file mode 100644 index df356ee18..000000000 --- a/src/frontend/src/modals/BundleModal/component/index.tsx +++ /dev/null @@ -1,136 +0,0 @@ -import { useEffect, useState } from "react"; -import InputComponent from "../../../components/inputComponent"; -import { - FormControl, - FormField, - FormItem, - FormMessage, -} from "../../../components/ui/form"; -import { Input } from "../../../components/ui/input"; -import { Label } from "../../../components/ui/label"; -import { Textarea } from "../../../components/ui/textarea"; -import useFlowsManagerStore from "../../../stores/flowsManagerStore"; - -type FolderFormsProps = { - control: any; - setValue: any; - folderToEdit: any; -}; - -export const FolderForms = ({ - control, - setValue, - folderToEdit, -}: FolderFormsProps): JSX.Element => { - const flows = useFlowsManagerStore((state) => state.flows); - const [selectedComponents, setSelectedComponents] = useState([]); - const [selectedFlows, setSelectedFlows] = useState([]); - - const componentsList = flows - .filter((flow) => flow.is_component && flow.folder_id !== null) - .map((flow) => ({ id: flow.id, name: flow.name })); - - const flowsList = flows - .filter((flow) => !flow.is_component && flow.folder_id !== null) - .map((flow) => ({ id: flow.id, name: flow.name })); - - useEffect(() => { - setValue("components", selectedComponents); - setValue("flows", selectedFlows); - }, [selectedComponents, selectedFlows]); - - useEffect(() => { - if (folderToEdit) { - setValue("name", folderToEdit.name); - setValue("description", folderToEdit.description); - return; - } - setValue("name", ""); - setValue("description", ""); - setSelectedComponents([]); - setSelectedFlows([]); - }, [folderToEdit]); - - return ( - <> -
- - - ( - - - - - - - - )} - /> - - - - ( - - - - )} - /> - - - - ( - - setSelectedFlows(value)} - selectedOptions={selectedFlows} - > - - )} - /> - - - ( - - setSelectedComponents(value)} - selectedOptions={selectedComponents} - > - - )} - /> -
- - ); -}; - -export default FolderForms; diff --git a/src/frontend/src/modals/BundleModal/entities/index.ts b/src/frontend/src/modals/BundleModal/entities/index.ts deleted file mode 100644 index 64d69d38b..000000000 --- a/src/frontend/src/modals/BundleModal/entities/index.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { z } from "zod"; - -export const FolderFormsSchema = z.object({ - name: z.string().min(1, { - message: "Name must be at least 1 characters.", - }), - description: z.string().optional(), - components: z.array(z.string()), - flows: z.array(z.string()), -}); diff --git a/src/frontend/src/modals/BundleModal/hooks/submit-folder.tsx b/src/frontend/src/modals/BundleModal/hooks/submit-folder.tsx deleted file mode 100644 index cd3c3a1e1..000000000 --- a/src/frontend/src/modals/BundleModal/hooks/submit-folder.tsx +++ /dev/null @@ -1,57 +0,0 @@ -import { FolderType } from "../../../pages/MainPage/entities"; -import { addFolder, updateFolder } from "../../../pages/MainPage/services"; -import useAlertStore from "../../../stores/alertStore"; -import { useFolderStore } from "../../../stores/foldersStore"; - -const useFolderSubmit = ( - setOpen: (a: boolean) => void, - folderToEdit: FolderType | null, -) => { - const setSuccessData = useAlertStore((state) => state.setSuccessData); - const setErrorData = useAlertStore((state) => state.setErrorData); - const getFoldersApi = useFolderStore((state) => state.getFoldersApi); - - const onSubmit = (data) => { - if (folderToEdit) { - updateFolder(data, folderToEdit?.id!).then( - () => { - setSuccessData({ - title: "Folder updated successfully.", - }); - getFoldersApi(true); - setOpen(false); - }, - (reason) => { - if (reason) { - setErrorData({ - title: `Error updating folder.`, - }); - console.error(reason); - } else { - getFoldersApi(true); - setOpen(false); - } - }, - ); - } else { - addFolder(data).then( - () => { - setSuccessData({ - title: "Folder created successfully.", - }); - getFoldersApi(true); - setOpen(false); - }, - () => { - setErrorData({ - title: `Error creating folder.`, - }); - }, - ); - } - }; - - return { onSubmit, open, setOpen }; -}; - -export default useFolderSubmit; diff --git a/src/frontend/src/modals/BundleModal/index.tsx b/src/frontend/src/modals/BundleModal/index.tsx deleted file mode 100644 index 34350a459..000000000 --- a/src/frontend/src/modals/BundleModal/index.tsx +++ /dev/null @@ -1,79 +0,0 @@ -import { zodResolver } from "@hookform/resolvers/zod"; -import { useForm } from "react-hook-form"; -import { z } from "zod"; -import ForwardedIconComponent from "../../components/genericIconComponent"; -import { Button } from "../../components/ui/button"; -import { Form } from "../../components/ui/form"; -import { useFolderStore } from "../../stores/foldersStore"; -import BaseModal from "../baseModal"; -import FolderForms from "./component"; -import { FolderFormsSchema } from "./entities"; -import useFolderSubmit from "./hooks/submit-folder"; - -type FoldersModalProps = { - open: boolean; - setOpen: (open: boolean) => void; -}; - -export default function FoldersModal({ - open, - setOpen, -}: FoldersModalProps): JSX.Element { - const form = useForm>({ - resolver: zodResolver(FolderFormsSchema), - defaultValues: { - name: "", - description: "", - components: [], - flows: [], - }, - mode: "all", - }); - - const folderToEdit = useFolderStore((state) => state.folderToEdit); - const { onSubmit: onSubmitFolder } = useFolderSubmit(setOpen, folderToEdit); - - const onSubmit = (data) => { - onSubmitFolder(data); - }; - - return ( - <> - - - - {folderToEdit ? "Edit" : "New"} Folder - - - -
-
- - - - - - -
- - - - ); -} diff --git a/src/frontend/src/modals/foldersModal/component/index.tsx b/src/frontend/src/modals/foldersModal/component/index.tsx deleted file mode 100644 index a2ca33085..000000000 --- a/src/frontend/src/modals/foldersModal/component/index.tsx +++ /dev/null @@ -1,147 +0,0 @@ -import { useEffect, useState } from "react"; -import { - FormControl, - FormField, - FormItem, - FormMessage, -} from "../../../components/ui/form"; -import { Input } from "../../../components/ui/input"; -import { Label } from "../../../components/ui/label"; -import { Textarea } from "../../../components/ui/textarea"; -import useFlowsManagerStore from "../../../stores/flowsManagerStore"; - -type FolderFormsProps = { - control: any; - setValue: any; - folderToEdit: any; -}; - -export const FolderForms = ({ - control, - setValue, - folderToEdit, -}: FolderFormsProps): JSX.Element => { - const flows = useFlowsManagerStore((state) => state.flows); - const [selectedComponents, setSelectedComponents] = useState([]); - const [selectedFlows, setSelectedFlows] = useState([]); - const allFlows = useFlowsManagerStore((state) => state.allFlows); - - const componentsList = flows - .filter((flow) => flow.is_component && flow.folder_id !== null) - .map((flow) => ({ id: flow.id, name: flow.name })); - - const flowsList = flows - .filter((flow) => !flow.is_component && flow.folder_id !== null) - .map((flow) => ({ id: flow.id, name: flow.name })); - - const componentsOnFolder = allFlows - .filter((flow) => flow.is_component && flow.folder_id === folderToEdit?.id) - .map((flow) => flow.id); - - const flowsOnFolder = allFlows - .filter((flow) => !flow.is_component && flow.folder_id === folderToEdit?.id) - .map((flow) => flow.id); - - useEffect(() => { - setValue("components", selectedComponents); - setValue("flows", selectedFlows); - }, [selectedComponents, selectedFlows]); - - useEffect(() => { - if (folderToEdit) { - setValue("name", folderToEdit.name); - setValue("description", folderToEdit.description); - - setSelectedComponents(componentsOnFolder); - setSelectedFlows(flowsOnFolder); - return; - } - setValue("name", ""); - setValue("description", ""); - setSelectedComponents([]); - setSelectedFlows([]); - }, [folderToEdit]); - - return ( - <> -
- - - ( - - - - - - - - )} - /> - - - - ( - - - - )} - /> - {/* - - - ( - - setSelectedFlows(value)} - selectedOptions={selectedFlows} - > - - )} - /> - - - ( - - setSelectedComponents(value)} - selectedOptions={selectedComponents} - > - - )} - /> */} -
- - ); -}; - -export default FolderForms; diff --git a/src/frontend/src/modals/foldersModal/entities/index.ts b/src/frontend/src/modals/foldersModal/entities/index.ts deleted file mode 100644 index 64d69d38b..000000000 --- a/src/frontend/src/modals/foldersModal/entities/index.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { z } from "zod"; - -export const FolderFormsSchema = z.object({ - name: z.string().min(1, { - message: "Name must be at least 1 characters.", - }), - description: z.string().optional(), - components: z.array(z.string()), - flows: z.array(z.string()), -}); diff --git a/src/frontend/src/modals/foldersModal/hooks/submit-folder.tsx b/src/frontend/src/modals/foldersModal/hooks/submit-folder.tsx deleted file mode 100644 index a60f2a419..000000000 --- a/src/frontend/src/modals/foldersModal/hooks/submit-folder.tsx +++ /dev/null @@ -1,64 +0,0 @@ -import { useNavigate } from "react-router-dom"; -import { FolderType } from "../../../pages/MainPage/entities"; -import { addFolder, updateFolder } from "../../../pages/MainPage/services"; -import useAlertStore from "../../../stores/alertStore"; -import { useFolderStore } from "../../../stores/foldersStore"; - -const useFolderSubmit = ( - setOpen: (a: boolean) => void, - folderToEdit: FolderType | null, -) => { - const setSuccessData = useAlertStore((state) => state.setSuccessData); - const setErrorData = useAlertStore((state) => state.setErrorData); - const getFoldersApi = useFolderStore((state) => state.getFoldersApi); - const navigate = useNavigate(); - - const onSubmit = (data) => { - if (folderToEdit) { - updateFolder(data, folderToEdit?.id!).then( - () => { - setSuccessData({ - title: "Folder updated successfully.", - }); - getFoldersApi(true); - setOpen(false); - navigate(`all/folder/${folderToEdit.id}`, { - state: { folderId: folderToEdit.id }, - }); - }, - //TODO: LOOK THIS ERRO MORE CAREFULLY - (reason) => { - if (reason) { - setErrorData({ - title: `Error updating folder.`, - }); - console.error(reason); - } else { - getFoldersApi(true); - setOpen(false); - } - }, - ); - } else { - addFolder(data).then( - (res) => { - setSuccessData({ - title: "Folder created successfully.", - }); - getFoldersApi(true); - setOpen(false); - navigate(`all/folder/${res.id}`, { state: { folderId: res.id } }); - }, - () => { - setErrorData({ - title: `Error creating folder.`, - }); - }, - ); - } - }; - - return { onSubmit, open, setOpen }; -}; - -export default useFolderSubmit; diff --git a/src/frontend/src/modals/foldersModal/index.tsx b/src/frontend/src/modals/foldersModal/index.tsx deleted file mode 100644 index 698055b15..000000000 --- a/src/frontend/src/modals/foldersModal/index.tsx +++ /dev/null @@ -1,79 +0,0 @@ -import { zodResolver } from "@hookform/resolvers/zod"; -import { useForm } from "react-hook-form"; -import { z } from "zod"; -import ForwardedIconComponent from "../../components/genericIconComponent"; -import { Button } from "../../components/ui/button"; -import { Form } from "../../components/ui/form"; -import { useFolderStore } from "../../stores/foldersStore"; -import BaseModal from "../baseModal"; -import FolderForms from "./component"; -import { FolderFormsSchema } from "./entities"; -import useFolderSubmit from "./hooks/submit-folder"; - -type FoldersModalProps = { - open: boolean; - setOpen: (open: boolean) => void; -}; - -export default function FoldersModal({ - open, - setOpen, -}: FoldersModalProps): JSX.Element { - const form = useForm>({ - resolver: zodResolver(FolderFormsSchema), - defaultValues: { - name: "", - description: "", - components: [], - flows: [], - }, - mode: "all", - }); - - const folderToEdit = useFolderStore((state) => state.folderToEdit); - const { onSubmit: onSubmitFolder } = useFolderSubmit(setOpen, folderToEdit); - - const onSubmit = (data) => { - onSubmitFolder(data); - }; - - return ( - <> - - - - {folderToEdit ? "Edit" : "New"} Folder - - - -
-
- - - - - - -
- - - - ); -} diff --git a/src/frontend/src/pages/MainPage/components/modalsComponent/index.tsx b/src/frontend/src/pages/MainPage/components/modalsComponent/index.tsx index 496dfe286..37489ed7c 100644 --- a/src/frontend/src/pages/MainPage/components/modalsComponent/index.tsx +++ b/src/frontend/src/pages/MainPage/components/modalsComponent/index.tsx @@ -2,15 +2,12 @@ import IconComponent from "../../../../components/genericIconComponent"; import { Button } from "../../../../components/ui/button"; import DeleteConfirmationModal from "../../../../modals/deleteConfirmationModal"; -import FoldersModal from "../../../../modals/foldersModal"; import NewFlowModal from "../../../../modals/newFlowModal"; import { cn } from "../../../../utils/utils"; interface ModalsProps { openModal: boolean; setOpenModal: (value: boolean) => void; - openFolderModal: boolean; - setOpenFolderModal: (value: boolean) => void; openDeleteFolderModal: boolean; setOpenDeleteFolderModal: (value: boolean) => void; handleDeleteFolder: () => void; @@ -19,17 +16,12 @@ interface ModalsProps { const ModalsComponent = ({ openModal, setOpenModal, - openFolderModal, - setOpenFolderModal, openDeleteFolderModal, setOpenDeleteFolderModal, handleDeleteFolder, }: ModalsProps) => ( <> {openModal && } - {openFolderModal && ( - - )} {openDeleteFolderModal && ( { } } -export async function addFolder(data: AddFolderType): Promise { - const body = { - name: data.name, - description: data.description, - flows_list: data.flows ?? [], - components_list: data.components ?? [], - }; - - try { - const response = await api.post(`${BASE_URL_API}folders/`, body); - return response?.data; - } catch (error) { - throw error; - } -} - -export async function updateFolder( - body: FolderType, - folderId: string, -): Promise { - try { - const response = await api.patch( - `${BASE_URL_API}folders/${folderId}`, - body, - ); - return response?.data; - } catch (error) { - throw error; - } -} - -export async function deleteFolder(folderId: string) { - try { - const response = await api.delete(`${BASE_URL_API}folders/${folderId}`); - return response?.data; - } catch (error) { - throw error; - } -} - export async function getFolderById(folderId: string): Promise { try { const response = await api.get(`${BASE_URL_API}folders/${folderId}`); diff --git a/src/frontend/src/stores/foldersStore.tsx b/src/frontend/src/stores/foldersStore.tsx index f5e6c8bbe..87a9be0c2 100644 --- a/src/frontend/src/stores/foldersStore.tsx +++ b/src/frontend/src/stores/foldersStore.tsx @@ -1,10 +1,6 @@ import { create } from "zustand"; import { DEFAULT_FOLDER, STARTER_FOLDER_NAME } from "../constants/constants"; -import { - getFolderById, - getFolders, - uploadFlowsFromFolders, -} from "../pages/MainPage/services"; +import { getFolderById, getFolders } from "../pages/MainPage/services"; import { FoldersStoreType } from "../types/zustand/folders"; import useFlowsManagerStore from "./flowsManagerStore"; import { useTypesStore } from "./typesStore";