From 1b2d0eaa0b6cc0c98aea680597e9a76d8da0785d Mon Sep 17 00:00:00 2001
From: Sir Blob <76974209+GamerBoss101@users.noreply.github.com>
Date: Sun, 26 Jan 2025 07:33:47 -0500
Subject: [PATCH] Css update

---
 .../(panels)/suite/doctor/patients/page.jsx   | 48 +++++++++----------
 1 file changed, 22 insertions(+), 26 deletions(-)

diff --git a/src/app/(panels)/suite/doctor/patients/page.jsx b/src/app/(panels)/suite/doctor/patients/page.jsx
index 3143076..1912cdc 100644
--- a/src/app/(panels)/suite/doctor/patients/page.jsx
+++ b/src/app/(panels)/suite/doctor/patients/page.jsx
@@ -70,32 +70,28 @@ export default function PatientsDOC() {
         <div className="container mx-auto">
             <h1 className="text-3xl font-semibold mb-6">Patients</h1>
             <div className="h-20 w-full">
-                {userData && userData.role === 'caregiver' && (
-                    <div className="space-y-4 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
-                        <div className="mb-4">
-                            {finalPatients.map(patient => (
-                                <Collapsible key={patient.id}>
-                                    <div className="flex items-center justify-between p-2 bg-gray-100 dark:bg-neutral-800 rounded-t-lg">
-                                        <div>
-                                            <h2 className="text-lg font-semibold">{patient.name}</h2>
-                                            <p className="text-sm text-gray-500 dark:text-neutral-400">Age: {patient.age}</p>
-                                            <p className="text-sm text-gray-500 dark:text-neutral-400">Last Checkup: {new Date(patient.lastCheckup).toLocaleDateString()}</p>
-                                        </div>
-                                        <CollapsibleTrigger asChild>
-                                            <Button variant="ghost" size="sm">
-                                                <ChevronDown className="h-4 w-4" />
-                                                <span className="sr-only">Toggle</span>
-                                            </Button>
-                                        </CollapsibleTrigger>
-                                    </div>
-                                    <CollapsibleContent className="p-4 border border-t-0 rounded-b-lg">
-                                        <PersonForm person={patient} />
-                                    </CollapsibleContent>
-                                </Collapsible>
-                            ))}
-                        </div>
-                    </div>
-                )}
+                <div className="space-y-4 grid grid-cols-2 gap-6">
+                    {finalPatients.map(patient => (
+                        <Collapsible key={patient.id}>
+                            <div className="flex items-center justify-between p-2 bg-gray-300 dark:bg-neutral-800 rounded-t-lg">
+                                <div>
+                                    <h2 className="text-lg font-semibold">{patient.name}</h2>
+                                    <p className="text-sm text-gray-500 dark:text-neutral-400">Age: {patient.age}</p>
+                                    <p className="text-sm text-gray-500 dark:text-neutral-400">Last Checkup: {new Date(patient.lastCheckup).toLocaleDateString()}</p>
+                                </div>
+                                <CollapsibleTrigger asChild>
+                                    <Button variant="ghost" size="sm">
+                                        <ChevronDown className="h-4 w-4" />
+                                        <span className="sr-only">Toggle</span>
+                                    </Button>
+                                </CollapsibleTrigger>
+                            </div>
+                            <CollapsibleContent className="p-4 border border-t-0 rounded-b-lg">
+                                <PersonForm person={patient} />
+                            </CollapsibleContent>
+                        </Collapsible>
+                    ))}
+                </div>
             </div>
         </div>
     )