diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx index fe8f87176..2f8afc3de 100644 --- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx +++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx @@ -131,43 +131,6 @@ export default function ExtraSidebar(): JSX.Element { } }, [getFilterEdge]); - useEffect(() => { - if (getFilterEdge?.length > 0) { - setFilterData((_) => { - let dataClone = cloneDeep(data); - let ret = {}; - Object.keys(dataClone).forEach((d: keyof APIObjectType, i) => { - ret[d] = {}; - if (getFilterEdge.some((x) => x.family === d)) { - ret[d] = dataClone[d]; - - const filtered = getFilterEdge - .filter((x) => x.family === d) - .pop() - .type.split(","); - - for (let i = 0; i < filtered.length; i++) { - filtered[i] = filtered[i].trimStart(); - } - - if (filtered.some((x) => x !== "")) { - let keys = Object.keys(dataClone[d]).filter((nd) => - filtered.includes(nd) - ); - Object.keys(dataClone[d]).forEach((element) => { - if (!keys.includes(element)) { - delete ret[d][element]; - } - }); - } - } - }); - setSearch(""); - return ret; - }); - } - }, [getFilterEdge]); - useEffect(() => { handleSearchInput(search); }, [data]); diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/sideBarDraggableComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/sideBarDraggableComponent/index.tsx index 984f42e50..c8a75c3ef 100644 --- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/sideBarDraggableComponent/index.tsx +++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/sideBarDraggableComponent/index.tsx @@ -7,7 +7,7 @@ import { SelectTrigger, } from "../../../../../components/ui/select-custom"; import { AuthContext } from "../../../../../contexts/authContext"; -import { TabsContext } from "../../../../../contexts/tabsContext"; +import { FlowsContext } from "../../../../../contexts/flowsContext"; import { APIClassType } from "../../../../../types/api"; import { createFlowComponent, @@ -35,7 +35,7 @@ export default function SidebarDraggableComponent({ official: boolean; }) { const open = useRef(false); - const { getNodeId, deleteComponent } = useContext(TabsContext); + const { getNodeId, deleteComponent } = useContext(FlowsContext); const { autoLogin, userData } = useContext(AuthContext); function handleSelectChange(value: string) {