Merge pull request Kiranism#25 from MoazMirza-13/employeeId-page-scro…

…llable PR for [employeeId] page scrolling issue fix: Kiranism#23
ViniOkamoto · Jun 20, 2024 · 88bf930 · 88bf930
2 parents 5428643 + c360be1
commit 88bf930
Showing 1 changed file with 14 additions and 11 deletions.
diff --git a/app/(dashboard)/dashboard/employee/[employeeId]/page.tsx b/app/(dashboard)/dashboard/employee/[employeeId]/page.tsx
@@ -1,5 +1,6 @@
 import BreadCrumb from '@/components/breadcrumb';
 import { ProductForm } from '@/components/forms/product-form';
+import { ScrollArea } from '@/components/ui/scroll-area';
 import React from 'react';
 
 export default function Page() {
@@ -8,16 +9,18 @@ export default function Page() {
     { title: 'Create', link: '/dashboard/employee/create' }
   ];
   return (
-    <div className="flex-1 space-y-4 p-8">
-      <BreadCrumb items={breadcrumbItems} />
-      <ProductForm
-        categories={[
-          { _id: 'shirts', name: 'shirts' },
-          { _id: 'pants', name: 'pants' }
-        ]}
-        initialData={null}
-        key={null}
-      />
-    </div>
+    <ScrollArea className="h-full">
+      <div className="flex-1 space-y-4 p-8">
+        <BreadCrumb items={breadcrumbItems} />
+        <ProductForm
+          categories={[
+            { _id: 'shirts', name: 'shirts' },
+            { _id: 'pants', name: 'pants' }
+          ]}
+          initialData={null}
+          key={null}
+        />
+      </div>
+    </ScrollArea>
   );
 }