Hackathons/HoyaHax2025
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'refs/remotes/origin/main'

Browse Source
This commit is contained in:
Joseph J Helfenbein
2025-01-26 07:39:56 -05:00
parent 6d41fb596b 1b2d0eaa0b
commit 3fdccabefa
1 changed files with 22 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/app/(panels)/suite/doctor/patients/page.jsx
View File

@@ -7,13 +7,11 @@ import { useRouter } from "next/navigation";
import axios from "axios"; import axios from "axios";
import { useUser } from "@clerk/nextjs"; import { useUser } from "@clerk/nextjs";
import { CardContent } from "@/components/ui/card";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { ChevronDown } from "lucide-react"; import { ChevronDown } from "lucide-react";
import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible"; import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
import { PersonForm } from "./PatientForm"; import { PersonForm } from "./PatientForm";
import { Card } from "@/components/ui/card";
import { faker } from "@faker-js/faker"; import { faker } from "@faker-js/faker";
@@ -72,32 +70,28 @@ export default function PatientsDOC() {
<div className="container mx-auto"> <div className="container mx-auto">
<h1 className="text-3xl font-semibold mb-6">Patients</h1> <h1 className="text-3xl font-semibold mb-6">Patients</h1>
<div className="h-20 w-full"> <div className="h-20 w-full">
{userData && userData.role === 'caregiver' && ( <div className="space-y-4 grid grid-cols-2 gap-6">
<div className="space-y-4 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4"> {finalPatients.map(patient => (
<div className="mb-4"> <Collapsible key={patient.id}>
{finalPatients.map(patient => ( <div className="flex items-center justify-between p-2 bg-gray-300 dark:bg-neutral-800 rounded-t-lg">
<Collapsible key={patient.id}> <div>
<div className="flex items-center justify-between p-2 bg-gray-100 dark:bg-neutral-800 rounded-t-lg"> <h2 className="text-lg font-semibold">{patient.name}</h2>
<div> <p className="text-sm text-gray-500 dark:text-neutral-400">Age: {patient.age}</p>
<h2 className="text-lg font-semibold">{patient.name}</h2> <p className="text-sm text-gray-500 dark:text-neutral-400">Last Checkup: {new Date(patient.lastCheckup).toLocaleDateString()}</p>
<p className="text-sm text-gray-500 dark:text-neutral-400">Age: {patient.age}</p> </div>
<p className="text-sm text-gray-500 dark:text-neutral-400">Last Checkup: {new Date(patient.lastCheckup).toLocaleDateString()}</p> <CollapsibleTrigger asChild>
</div> <Button variant="ghost" size="sm">
<CollapsibleTrigger asChild> <ChevronDown className="h-4 w-4" />
<Button variant="ghost" size="sm"> <span className="sr-only">Toggle</span>
<ChevronDown className="h-4 w-4" /> </Button>
<span className="sr-only">Toggle</span> </CollapsibleTrigger>
</Button> </div>
</CollapsibleTrigger> <CollapsibleContent className="p-4 border border-t-0 rounded-b-lg">
</div> <PersonForm person={patient} />
<CollapsibleContent className="p-4 border border-t-0 rounded-b-lg"> </CollapsibleContent>
<PersonForm person={patient} /> </Collapsible>
</CollapsibleContent> ))}
</Collapsible> </div>
))}
</div>
</div>
)}
</div> </div>
</div> </div>
) )