From 6a472b39efec7d1dd392b52f3816f5d9ad7dba82 Mon Sep 17 00:00:00 2001 From: pramod mahajan Date: Mon, 8 Sep 2025 10:14:18 +0530 Subject: [PATCH 01/41] initialli refactoring directory --- src/components/Directory/AssignedBucket.jsx | 14 ++ src/components/Directory/BucketForm.jsx | 44 +++++ src/components/Directory/BucketList.jsx | 36 ++++ src/components/Directory/EmployeeList.jsx | 3 + .../Directory/NotesCardViewDirectory.jsx | 4 +- src/hooks/useDirectory.js | 20 ++ src/pages/Directory/ContactsPage.jsx | 23 +++ src/pages/Directory/Directory.jsx | 3 +- src/pages/Directory/DirectoryPage.jsx | 187 ++++++++++++++++++ src/pages/Directory/NotesPage.jsx | 26 +++ src/repositories/DirectoryRepository.jsx | 10 +- src/router/AppRoutes.jsx | 3 +- 12 files changed, 365 insertions(+), 8 deletions(-) create mode 100644 src/components/Directory/AssignedBucket.jsx create mode 100644 src/components/Directory/BucketForm.jsx create mode 100644 src/components/Directory/BucketList.jsx create mode 100644 src/pages/Directory/ContactsPage.jsx create mode 100644 src/pages/Directory/DirectoryPage.jsx create mode 100644 src/pages/Directory/NotesPage.jsx diff --git a/src/components/Directory/AssignedBucket.jsx b/src/components/Directory/AssignedBucket.jsx new file mode 100644 index 00000000..e584f77c --- /dev/null +++ b/src/components/Directory/AssignedBucket.jsx @@ -0,0 +1,14 @@ +import React from "react"; +import EmployeeList from "./EmployeeList"; + +const AssignedBucket = ({ employees, selectedBucket, onChange }) => { + if (!selectedBucket) return null; + + return ( +
+ +
+ ); +}; + +export default AssignedBucket; diff --git a/src/components/Directory/BucketForm.jsx b/src/components/Directory/BucketForm.jsx new file mode 100644 index 00000000..4c4864e3 --- /dev/null +++ b/src/components/Directory/BucketForm.jsx @@ -0,0 +1,44 @@ +import React from "react"; +import { useForm } from "react-hook-form"; +import { zodResolver } from "@hookform/resolvers/zod"; +import { bucketScheam } from "./DirectorySchema"; + +const BucketForm = ({ onSubmit, selectedBucket, onCancel, isSubmitting }) => { + const { + register, + handleSubmit, + reset, + formState: { errors }, + } = useForm({ + resolver: zodResolver(bucketScheam), + defaultValues: { + name: selectedBucket?.name || "", + description: selectedBucket?.description || "", + }, + }); + + return ( +
+
+ + + {errors.name && {errors.name.message}} +
+ +
+ +