feat(FE-316): Add Uniformity page and form component

2026-05-23 23:05:46 +00:00 · 2025-12-23 16:11:02 +07:00
parent 33b8d0a8b0
commit 09dd907f88
3 changed files with 62 additions and 0 deletions
@@ -0,0 +1,53 @@
+'use client';
+
+import { useEffect } from 'react';
+import DrawerHeader from '@/components/helper/drawer/DrawerHeader';
+import { useUiStore } from '@/stores/ui/ui.store';
+
+interface UniformityFormProps {
+  formType?: 'add' | 'edit';
+}
+
+const UniformityForm = ({ formType = 'add' }: UniformityFormProps) => {
+  const subscribeValidate = useUiStore((s) => s.subscribeValidate);
+  const setIsValid = useUiStore((s) => s.setIsValid);
+
+  useEffect(() => {
+    const unsub = subscribeValidate(() => {
+      setIsValid(true);
+    });
+
+    return unsub;
+  }, []);
+
+  return (
+    <>
+      <section className='w-full'>
+        {/* Header */}
+        <DrawerHeader
+          leftIcon={formType == 'add' ? 'mdi:close' : 'mdi:arrow-left'}
+          leftIconSize={24}
+          leftIconHref={
+            formType == 'add' ? '/uniformity' : `/uniformity/detail`
+          }
+          leftIconClassName='hover:text-gray-400'
+          subtitle={formType == 'add' ? 'Add Uniformity' : 'Update Uniformity'}
+          subtitleClassName='text-sm text-neutral'
+          showDivider
+        />
+        {/* Form Section */}
+        <div className='divider mt-3'></div>
+        <section className='w-full px-6'>
+          <h2 className='text-2xl font-semibold'>Informasi Umum</h2>
+          <form
+            onSubmit={(e) => {
+              e.preventDefault();
+            }}
+          ></form>
+        </section>
+      </section>
+    </>
+  );
+};
+
+export default UniformityForm;