From 8f4d045da57e80a7104f77b306713e2395a9a6f0 Mon Sep 17 00:00:00 2001
From: theblvckdev <nathancodes05@gmail.com>
Date: Fri, 26 Jul 2024 20:47:02 +0100
Subject: [PATCH 1/3] UI fixes for admin user page

---
 .../admin/users/component/userTableBody.tsx   | 42 ++++---------------
 .../admin/users/component/userTableHead.tsx   |  2 +-
 2 files changed, 8 insertions(+), 36 deletions(-)

diff --git a/src/app/dashboard/(admin)/admin/users/component/userTableBody.tsx b/src/app/dashboard/(admin)/admin/users/component/userTableBody.tsx
index e1b9f0cb2..c09ba32e7 100644
--- a/src/app/dashboard/(admin)/admin/users/component/userTableBody.tsx
+++ b/src/app/dashboard/(admin)/admin/users/component/userTableBody.tsx
@@ -40,10 +40,10 @@ const UserTableBody = () => {
                     />
                   </div>
                   <div>
-                    <h3 className="text-base font-[500] leading-6 text-neutral-dark-2">
+                    <h3 className="text-sm font-[500] leading-6 text-neutral-dark-2">
                       {fullName}
                     </h3>
-                    <div className="text-sm font-normal lowercase leading-4 text-neutral-dark-1">
+                    <div className="text-xs font-normal lowercase leading-4 text-neutral-dark-1">
                       {email}
                     </div>
                   </div>
@@ -51,66 +51,38 @@ const UserTableBody = () => {
               </td>
 
               <td
-                className={`gap-2 whitespace-nowrap p-4 text-left text-base font-normal capitalize leading-4 text-neutral-dark-2`}
+                className={`gap-2 whitespace-nowrap p-4 text-left text-sm font-normal capitalize leading-4 text-neutral-dark-2`}
               >
                 {phone}
               </td>
 
               <td
-                className={`whitespace-nowrap p-4 text-left text-base font-normal capitalize leading-4 text-neutral-dark-2`}
+                className={`whitespace-nowrap p-4 text-left text-sm font-normal capitalize leading-4 text-neutral-dark-2`}
               >
                 {date}
               </td>
 
               <td
-                className={`whitespace-nowrap p-4 text-left text-base font-normal capitalize leading-4 text-neutral-dark-2`}
+                className={`whitespace-nowrap p-4 text-left text-sm font-normal capitalize leading-4 text-neutral-dark-2`}
               >
                 <div className="flex items-center gap-1">
                   {status.active && (
                     <>
                       <div className="h-3 w-3 rounded-full bg-success"></div>
-                      <div>Active</div>
+                      <div className="text-sm">Active</div>
                     </>
                   )}
 
                   {!status.active && (
                     <>
                       <div className="h-3 w-3 rounded-full bg-error"></div>
-                      <div>Inactive</div>
+                      <div className="text-sm">Inactive</div>
                     </>
                   )}
                 </div>
               </td>
 
               <td className="whitespace-nowrap p-4 text-center text-base font-normal capitalize leading-4 text-neutral-dark-2">
-                {/* <div className="relative" ref={menuReference}>
-                  <button
-                    onClick={() => {
-                      setShowDropdown(userData[index]);
-                      setOpen(!open);
-                    }}
-                    className="outline-none"
-                  >
-                    <EllipsisVertical size={16} color="#09090b" />
-                  </button>
-
-                  <DropdownMenu
-                    position="md:right-0 right-ful"
-                    width="w-[100px]"
-                    active={showDropdown?.fullName === fullName && open}
-                  >
-                    <Link href={"#"} className="outline-none">
-                      <button className="block w-full px-2 py-1.5 text-left text-sm font-normal leading-5 text-neutral-dark-2">
-                        Edit
-                      </button>
-                    </Link>
-
-                    <button className="block w-full px-2 py-1.5 text-left text-sm font-normal leading-5 text-neutral-dark-2">
-                      Delete
-                    </button>
-                  </DropdownMenu>
-                </div> */}
-
                 <DropdownMenu>
                   <DropdownMenuTrigger asChild>
                     <Button
diff --git a/src/app/dashboard/(admin)/admin/users/component/userTableHead.tsx b/src/app/dashboard/(admin)/admin/users/component/userTableHead.tsx
index b4b3a06bf..2321b7b3a 100644
--- a/src/app/dashboard/(admin)/admin/users/component/userTableHead.tsx
+++ b/src/app/dashboard/(admin)/admin/users/component/userTableHead.tsx
@@ -15,7 +15,7 @@ const UserTableHead = () => {
             return (
               <th
                 key={index}
-                className={`whitespace-nowrap p-4 text-left text-base font-normal capitalize leading-4 text-neutral-dark-2 ${data === "name" ? "w-[300px]" : data === "action" ? "w-[86px]" : "w-[202px]"}`}
+                className={`whitespace-nowrap p-4 text-left text-sm font-normal capitalize leading-4 text-neutral-dark-2 ${data === "name" ? "w-[300px]" : data === "action" ? "w-[86px]" : "w-[202px]"}`}
               >
                 {data}
               </th>

From ae3c9f29fed6e891baec35aa3b3b98cf897bec2f Mon Sep 17 00:00:00 2001
From: theblvckdev <nathancodes05@gmail.com>
Date: Fri, 26 Jul 2024 20:57:17 +0100
Subject: [PATCH 2/3] code update

---
 .../dashboard/(admin)/admin/users/component/userTableBody.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/dashboard/(admin)/admin/users/component/userTableBody.tsx b/src/app/dashboard/(admin)/admin/users/component/userTableBody.tsx
index c09ba32e7..b0638b031 100644
--- a/src/app/dashboard/(admin)/admin/users/component/userTableBody.tsx
+++ b/src/app/dashboard/(admin)/admin/users/component/userTableBody.tsx
@@ -30,7 +30,7 @@ const UserTableBody = () => {
                 className={`whitespace-nowrap p-4 text-left text-base font-normal capitalize leading-4 text-neutral-dark-2`}
               >
                 <div className="flex flex-row items-center gap-2">
-                  <div className="h-10 w-10 overflow-hidden rounded-full">
+                  <div className="h-10 w-10 overflow-hidden rounded-full bg-gray-200">
                     <Image
                       src={avatar}
                       className="object-cover"

From acf81dccdc628880ddc7a89d9e5f9ac3353e3598 Mon Sep 17 00:00:00 2001
From: theblvckdev <nathancodes05@gmail.com>
Date: Fri, 26 Jul 2024 22:35:21 +0100
Subject: [PATCH 3/3] fix responsive design fault in dialog

---
 src/components/ui/dialog.tsx | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
index d8890209f..915f52566 100644
--- a/src/components/ui/dialog.tsx
+++ b/src/components/ui/dialog.tsx
@@ -57,13 +57,7 @@ const DialogHeader = ({
   className,
   ...properties
 }: React.HTMLProps<HTMLDivElement>) => (
-  <div
-    className={cn(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      className,
-    )}
-    {...properties}
-  />
+  <div className={cn("flex flex-col space-y-1.5", className)} {...properties} />
 );
 DialogHeader.displayName = "DialogHeader";