refactor(FE-316): Extract uniformity state into separate store

src/components/pages/uniformity/form/UniformityForm.tsx

@@ -7,6 +7,7 @@ import { Icon } from '@iconify/react';
 import { toast } from 'react-hot-toast';
 import DrawerHeader from '@/components/helper/drawer/DrawerHeader';
 import { useUiStore } from '@/stores/ui/ui.store';
+import { useUniformityStore } from '@/stores/uniformity/uniformity.store';
 import Button from '@/components/Button';
 import DateInput from '@/components/input/DateInput';
 
@@ -61,12 +62,15 @@ const UniformityForm = ({
   );
   const isNextStep = useUiStore((s) => s.isNextStep);
   const setIsNextStep = useUiStore((s) => s.setIsNextStep);
-  const setVerifyUniformityResult = useUiStore(
+
+  const setVerifyUniformityResult = useUniformityStore(
     (s) => s.setVerifyUniformityResult
   );
-  const setUniformityFormData = useUiStore((s) => s.setUniformityFormData);
-  const uniformityStep = useUiStore((s) => s.uniformityStep);
-  const setUniformityStep = useUiStore((s) => s.setUniformityStep);
+  const setUniformityFormData = useUniformityStore(
+    (s) => s.setUniformityFormData
+  );
+  const uniformityStep = useUniformityStore((s) => s.uniformityStep);
+  const setUniformityStep = useUniformityStore((s) => s.setUniformityStep);
 
   const [uniformityFormErrorMessage, setUniformityFormErrorMessage] =
     useState('');

src/components/pages/uniformity/form/UniformityPreviewForm.tsx

@@ -7,6 +7,7 @@ import Button from '@/components/Button';
 import Tooltip from '@/components/Tooltip';
 import DrawerHeader from '@/components/helper/drawer/DrawerHeader';
 import { useUiStore } from '@/stores/ui/ui.store';
+import { useUniformityStore } from '@/stores/uniformity/uniformity.store';
 import RequirePermission from '@/components/helper/RequirePermission';
 import Table from '@/components/Table';
 
@@ -19,8 +20,10 @@ type BodyWeightData = {
 const UniformityPreviewForm = () => {
   const setExpandedDrawerOpen = useUiStore((s) => s.setExpandedDrawerOpen);
   const setIsNextStep = useUiStore((s) => s.setIsNextStep);
-  const setUniformityStep = useUiStore((s) => s.setUniformityStep);
-  const verifyUniformityResult = useUiStore((s) => s.verifyUniformityResult);
+  const setUniformityStep = useUniformityStore((s) => s.setUniformityStep);
+  const verifyUniformityResult = useUniformityStore(
+    (s) => s.verifyUniformityResult
+  );
 
   const handleClose = () => {
     setExpandedDrawerOpen(false);

src/components/pages/uniformity/form/UniformityResultForm.tsx

@@ -7,6 +7,7 @@ import Button from '@/components/Button';
 import Tooltip from '@/components/Tooltip';
 import DrawerHeader from '@/components/helper/drawer/DrawerHeader';
 import { useUiStore } from '@/stores/ui/ui.store';
+import { useUniformityStore } from '@/stores/uniformity/uniformity.store';
 import RequirePermission from '@/components/helper/RequirePermission';
 import Table from '@/components/Table';
 import { useRouter } from 'next/navigation';
@@ -24,12 +25,14 @@ const UniformityResultForm = () => {
   const router = useRouter();
   const setExpandedDrawerOpen = useUiStore((s) => s.setExpandedDrawerOpen);
   const setIsNextStep = useUiStore((s) => s.setIsNextStep);
-  const setUniformityStep = useUiStore((s) => s.setUniformityStep);
-  const verifyUniformityResult = useUiStore((s) => s.verifyUniformityResult);
-  const setVerifyUniformityResult = useUiStore(
+  const setUniformityStep = useUniformityStore((s) => s.setUniformityStep);
+  const verifyUniformityResult = useUniformityStore(
+    (s) => s.verifyUniformityResult
+  );
+  const setVerifyUniformityResult = useUniformityStore(
     (s) => s.setVerifyUniformityResult
   );
-  const uniformityFormData = useUiStore((s) => s.uniformityFormData);
+  const uniformityFormData = useUniformityStore((s) => s.uniformityFormData);
 
   const [isSubmitting, setIsSubmitting] = React.useState(false);