refactor(FE-316): Add expandable secondary drawer panel

2026-05-23 23:05:46 +00:00 · 2025-12-24 17:53:14 +07:00
parent f0eb3fcf52
commit 879702d31d
6 changed files with 106 additions and 9 deletions
@@ -0,0 +1,33 @@
+'use client';
+
+import DrawerHeader from '@/components/helper/drawer/DrawerHeader';
+import { useUiStore } from '@/stores/ui/ui.store';
+
+const ExpandedDrawerForm = () => {
+  const setExpandedDrawerOpen = useUiStore((s) => s.setExpandedDrawerOpen);
+
+  const handleClose = () => {
+    setExpandedDrawerOpen(false);
+  };
+
+  return (
+    <section className='w-full h-full bg-white border-l border-gray-200'>
+      {/* Header */}
+      <DrawerHeader
+        leftIcon='mdi:arrow-left'
+        leftIconSize={24}
+        leftIconOnClick={handleClose}
+        leftIconClassName='hover:text-gray-400 cursor-pointer'
+        subtitle='Add Body Weight'
+        subtitleClassName='text-sm text-neutral'
+        showDivider
+      />
+
+      {/* Form Section */}
+      <div className='divider mt-3'></div>
+      <section className='w-full px-6'></section>
+    </section>
+  );
+};
+
+export default ExpandedDrawerForm;