diff --git a/skyvern-frontend/src/routes/workflows/editor/WorkflowEditor.tsx b/skyvern-frontend/src/routes/workflows/editor/WorkflowEditor.tsx index 81b0edc5..baf50cb6 100644 --- a/skyvern-frontend/src/routes/workflows/editor/WorkflowEditor.tsx +++ b/skyvern-frontend/src/routes/workflows/editor/WorkflowEditor.tsx @@ -23,16 +23,25 @@ import { BitwardenSensitiveInformationParameter, ContextParameter, } from "../types/workflowTypes"; +import { useSidebarStore } from "@/store/SidebarStore"; +import { useMountEffect } from "@/hooks/useMountEffect"; function WorkflowEditor() { const { workflowPermanentId } = useParams(); const credentialGetter = useCredentialGetter(); const queryClient = useQueryClient(); + const setCollapsed = useSidebarStore((state) => { + return state.setCollapsed; + }); const { data: workflow, isLoading } = useWorkflowQuery({ workflowPermanentId, }); + useMountEffect(() => { + setCollapsed(true); + }); + const saveWorkflowMutation = useMutation({ mutationFn: async (data: { parameters: Array; diff --git a/skyvern-frontend/src/store/SidebarStore.ts b/skyvern-frontend/src/store/SidebarStore.ts new file mode 100644 index 00000000..450b23d3 --- /dev/null +++ b/skyvern-frontend/src/store/SidebarStore.ts @@ -0,0 +1,15 @@ +import { create } from "zustand"; + +type SidebarStore = { + collapsed: boolean; + setCollapsed: (collapsed: boolean) => void; +}; + +const useSidebarStore = create((set) => { + return { + collapsed: false, + setCollapsed: (collapsed: boolean) => set({ collapsed }), + }; +}); + +export { useSidebarStore };