From 538c7e01e906d48d3930b28f80900fefe8544ec8 Mon Sep 17 00:00:00 2001 From: cristhianzl Date: Fri, 5 Jan 2024 11:41:40 -0300 Subject: [PATCH] refactor(extraSidebarComponent): refactor useContext hooks to destructure FlowsContext and typesContext for better readability refactor(nodeToolbarComponent): refactor useContext hooks to destructure useStoreStore for better readability --- .../FlowPage/components/extraSidebarComponent/index.tsx | 7 +++++-- .../FlowPage/components/nodeToolbarComponent/index.tsx | 4 +++- 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx index bb250e2aa..1a941d9eb 100644 --- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx +++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx @@ -29,9 +29,12 @@ import SidebarDraggableComponent from "./sideBarDraggableComponent"; export default function ExtraSidebar(): JSX.Element { const { data, templates, getFilterEdge, setFilterEdge } = useContext(typesContext); - const { flows, tabId, uploadFlow, saveFlow } = useContext(FlowsContext); + const { flows, tabId, uploadFlow, tabsState, saveFlow } = + useContext(FlowsContext); - const { hasStore, hasApiKey, validApiKey } = useStoreStore(); + const hasStore = useStoreStore((state) => state.hasStore); + const hasApiKey = useStoreStore((state) => state.hasApiKey); + const validApiKey = useStoreStore((state) => state.validApiKey); const { isBuilt, isPending } = useFlow(); const { setErrorData } = useContext(alertContext); diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx index 38fc175ae..97c2fd04e 100644 --- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx +++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx @@ -51,7 +51,9 @@ export default function NodeToolbarComponent({ ).length ); - const { hasStore, hasApiKey, validApiKey } = useStoreStore(); + const hasStore = useStoreStore((state) => state.hasStore); + const hasApiKey = useStoreStore((state) => state.hasApiKey); + const validApiKey = useStoreStore((state) => state.validApiKey); function canMinimize() { let countHandles: number = 0;