diff --git a/src/components/pages/uniformity/form/ExpandedDrawerForm.tsx b/src/components/pages/uniformity/form/ExpandedDrawerForm.tsx index cd27a45d..74c9b15c 100644 --- a/src/components/pages/uniformity/form/ExpandedDrawerForm.tsx +++ b/src/components/pages/uniformity/form/ExpandedDrawerForm.tsx @@ -5,9 +5,11 @@ import { useUiStore } from '@/stores/ui/ui.store'; const ExpandedDrawerForm = () => { const setExpandedDrawerOpen = useUiStore((s) => s.setExpandedDrawerOpen); + const setIsNextStep = useUiStore((s) => s.setIsNextStep); const handleClose = () => { setExpandedDrawerOpen(false); + setIsNextStep(false); }; return ( diff --git a/src/components/pages/uniformity/form/UniformityForm.tsx b/src/components/pages/uniformity/form/UniformityForm.tsx index ff1a9631..609a4150 100644 --- a/src/components/pages/uniformity/form/UniformityForm.tsx +++ b/src/components/pages/uniformity/form/UniformityForm.tsx @@ -56,6 +56,8 @@ const UniformityForm = ({ const setExpandedDrawerContent = useUiStore( (s) => s.setExpandedDrawerContent ); + const isNextStep = useUiStore((s) => s.isNextStep); + const setIsNextStep = useUiStore((s) => s.setIsNextStep); const [uniformityFormErrorMessage, setUniformityFormErrorMessage] = useState(''); @@ -244,7 +246,13 @@ const UniformityForm = ({ } toast.success(res?.message as string); - router.push('/uniformity'); + + if (formType === 'add') { + setIsNextStep(true); + setExpandedDrawerOpen(true); + } else { + router.push('/uniformity'); + } }, }); @@ -358,11 +366,6 @@ const UniformityForm = ({ } }, [expandedDrawerOpen, setExpandedDrawerContent]); - // ===== EVENT HANDLERS ===== - const handleOpenExpandedDrawer = () => { - setExpandedDrawerOpen(true); - }; - return ( <>
@@ -379,7 +382,7 @@ const UniformityForm = ({ />
-
+

Informasi Umum

@@ -574,30 +577,21 @@ const UniformityForm = ({ )} - + {!isNextStep && ( + + )}
- - {formType === 'add' && ( - - )}
diff --git a/src/stores/ui/slices/drawer.slice.ts b/src/stores/ui/slices/drawer.slice.ts index 15ee1bed..382eaff2 100644 --- a/src/stores/ui/slices/drawer.slice.ts +++ b/src/stores/ui/slices/drawer.slice.ts @@ -45,4 +45,7 @@ export const createDrawerUISlice: StateCreator< expandedDrawerContent: null as ReactNode | null, setExpandedDrawerContent: (content: ReactNode) => set({ expandedDrawerContent: content }), + + isNextStep: false, + setIsNextStep: (isNextStep: boolean) => set({ isNextStep }), }); diff --git a/src/types/stores.d.ts b/src/types/stores.d.ts index 80815ada..7bfa63cd 100644 --- a/src/types/stores.d.ts +++ b/src/types/stores.d.ts @@ -16,6 +16,8 @@ type DrawerUISlice = { setExpandedDrawerOpen: (open: boolean) => void; expandedDrawerContent: ReactNode | null; setExpandedDrawerContent: (content: ReactNode) => void; + isNextStep: boolean; + setIsNextStep: (v: boolean) => void; }; export type UIStore = MainUiSlice & DrawerUISlice;