more patiant fixes
This commit is contained in:
@@ -1,115 +0,0 @@
|
||||
"use client"
|
||||
|
||||
import { useState } from "react"
|
||||
import axios from "axios"
|
||||
|
||||
import { Card, CardContent, CardFooter, CardHeader } from "@/components/ui/card"
|
||||
import { Button } from "@/components/ui/button"
|
||||
import { Input } from "@/components/ui/input"
|
||||
import { Label } from "@/components/ui/label"
|
||||
|
||||
|
||||
export function PersonForm({ person }: { person: { email: string, name: string, medications: any[], diagnoses: string[] } }) {
|
||||
|
||||
const [medications, setMedications] = useState(person.medications || [])
|
||||
|
||||
const [diagnoses, setDiagnoses] = useState(person.diagnoses || [])
|
||||
|
||||
const handleDiagnosesChange = (event: React.ChangeEvent<HTMLInputElement>) => {
|
||||
const value = event.target.value
|
||||
setDiagnoses(value.split(','))
|
||||
}
|
||||
|
||||
const handleAddMedication = () => {
|
||||
setMedications([...medications, { name: '', dosage: '', frequency: '' }])
|
||||
}
|
||||
|
||||
const handleMedicationsChange = (index: number, field: string, value: string) => {
|
||||
const updatedMedications = [...medications]
|
||||
updatedMedications[index][field] = value
|
||||
setMedications(updatedMedications)
|
||||
}
|
||||
|
||||
const handleSave = async () => {
|
||||
try {
|
||||
await axios.put(`/api/patients?email=${person.email}`, {
|
||||
medications,
|
||||
medicalConditions: diagnoses,
|
||||
});
|
||||
alert('Patient data updated successfully');
|
||||
} catch (error) {
|
||||
console.error('Error updating patient data:', error);
|
||||
alert('Failed to update patient data');
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
return (
|
||||
<Card className="bg-neutral-100 dark:bg-neutral-950">
|
||||
<CardHeader>
|
||||
<h3 className="text-xl font-bold">Edit Patient: {person.name}</h3>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="mb-4">
|
||||
<Label>Medications:</Label>
|
||||
<br />
|
||||
{medications.map((medication: { name: string, dosage: string, frequency:string }, index: number) => (
|
||||
<div key={index} className="mb-2 grid grid-cols-3 gap-2">
|
||||
<Input
|
||||
type="text"
|
||||
placeholder="Name"
|
||||
value={medication.name}
|
||||
onChange={(e) => handleMedicationsChange(index, 'name', e.target.value)}
|
||||
className="mb-2"
|
||||
/>
|
||||
<Input
|
||||
type="text"
|
||||
placeholder="Dosage"
|
||||
value={medication.dosage}
|
||||
onChange={(e) => handleMedicationsChange(index, 'dosage', e.target.value)}
|
||||
className="mb-2"
|
||||
/>
|
||||
<Input
|
||||
type="text"
|
||||
placeholder="Frequency"
|
||||
value={medication.frequency}
|
||||
onChange={(e) => handleMedicationsChange(index, 'frequency', e.target.value)}
|
||||
className="mb-2"
|
||||
/>
|
||||
</div>
|
||||
))}
|
||||
<div className="mb-2 grid grid-cols-4 gap-2">
|
||||
<Input
|
||||
type="text"
|
||||
placeholder="Name"
|
||||
className="mb-2"
|
||||
/>
|
||||
<Input
|
||||
type="text"
|
||||
placeholder="Dosage"
|
||||
className="mb-2"
|
||||
/>
|
||||
<Input
|
||||
type="text"
|
||||
placeholder="Frequency"
|
||||
className="mb-2"
|
||||
/>
|
||||
<Button onClick={handleAddMedication}>Add Medication</Button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mb-4">
|
||||
<Label>Diagnoses:</Label>
|
||||
<Input
|
||||
type="text"
|
||||
value={diagnoses.join(',')}
|
||||
onChange={handleDiagnosesChange}
|
||||
/>
|
||||
</div>
|
||||
</CardContent>
|
||||
<CardFooter>
|
||||
<Button className="mx-auto w-1/2" onClick={handleSave}>Save</Button>
|
||||
</CardFooter>
|
||||
</Card>
|
||||
)
|
||||
}
|
||||
|
||||
@@ -15,9 +15,6 @@ const AccountPage = () => {
|
||||
if (user) {
|
||||
axios.get(`/api/user?userId=${user.id}`).then(response => {
|
||||
setUserData(response.data);
|
||||
if (response.data.role === 'caregiver') {
|
||||
axios.get('/api/patients').then(res => setPatients(res.data));
|
||||
}
|
||||
});
|
||||
}
|
||||
}, [user]);
|
||||
@@ -35,7 +32,7 @@ const AccountPage = () => {
|
||||
setMedications([...medications, { name: '', dosage: '', frequency: '' }]);
|
||||
}
|
||||
|
||||
const [diagnoses, setDiagnoses] = useState(userData.diagnoses || []);
|
||||
const [diagnoses, setDiagnoses] = useState([]);
|
||||
const handleDiagnosesChange = (e) => {
|
||||
setDiagnoses(e.target.value.split(','));
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user