Arthurglopes/riseup-squad20
1
0
Fork 0
forked from RiseUP/riseup-squad20
Code Pull Requests Activity

feat: connect patient registration form to create patient API

Browse Source
This commit is contained in:
Jonas Francisco 2025-09-07 18:52:31 -03:00
parent 8258fac83c
commit 372383fb42
2 changed files with 59 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
susconecta/components/forms/patient-registration-form.tsx
View File

@ -13,6 +13,7 @@ import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible"
import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { salvarPaciente } from "@/lib/api";
import {
Upload,
ChevronDown,
@ -29,6 +30,7 @@ import {
Loader2,
} from "lucide-react"
interface PatientFormData {
// Dados pessoais
photo: File | null
@ -378,7 +380,7 @@ export function PatientRegistrationForm({
console.log("[v0] Patient ID:", patientId)
// Simulate network delay
await new Promise((resolve) => setTimeout(resolve, 1000))
await salvarPaciente(formData)
// TODO: Implement actual API call
// const response = await fetch('/api/patients', {
@ -1012,16 +1014,33 @@ export function PatientRegistrationForm({
</Collapsible>
{/* Botões de Ação */}
<div className="flex justify-end gap-4 pt-6 border-t">
<Button type="button" variant="outline" onClick={handleCancel} disabled={isSubmitting}>
<div className="flex justify-end gap-4 pt-6 border-t">
<Button
type="button"
variant="outline"
onClick={handleCancel}
disabled={isSubmitting}
>
<XCircle className="mr-2 h-4 w-4" />
Cancelar
</Button>
<Button type="submit" className="bg-primary hover:bg-primary/90" disabled={isSubmitting}>
{isSubmitting ? <Loader2 className="mr-2 h-4 w-4 animate-spin" /> : <Save className="mr-2 h-4 w-4" />}
{isSubmitting ? "Salvando..." : mode === "create" ? "Salvar Paciente" : "Atualizar Paciente"}
</Button>
</div>
</Button>
<Button
type="submit"
className="bg-primary hover:bg-primary/90"
disabled={isSubmitting}
>
{isSubmitting ? (
<Loader2 className="mr-2 h-4 w-4 animate-spin" />
) : (
<Save className="mr-2 h-4 w-4" />
)}
{isSubmitting
? "Salvando..."
: mode === "create"
? "Salvar Paciente"
: "Atualizar Paciente"}
</Button>
</div>
</form>
</div>
)
@ -1630,7 +1649,14 @@ export function PatientRegistrationForm({
{/* Botões de Ação */}
<div className="flex justify-end gap-4 pt-6 border-t">
<Button type="button" variant="outline" onClick={() => onOpenChange(false)} disabled={isSubmitting}>
<Button
type="button"
variant="outline"
onClick={() => {
if (onOpenChange) onOpenChange(false)
}}
disabled={isSubmitting}
>
<XCircle className="mr-2 h-4 w-4" />
Cancelar
</Button>

23
susconecta/lib/api.js Normal file
View File

@ -0,0 +1,23 @@
export async function salvarPaciente(formData) {
var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/json");
var raw = JSON.stringify(formData);
var requestOptions = {
method: 'POST',
headers: myHeaders,
body: raw,
redirect: 'follow'
};
try {
const response = await fetch("https://mock.apidog.com/m1/1053378-0-default/pacientes", requestOptions);
const result = await response.json();
return result;
} catch (error) {
console.log('error', error);
throw error;
}
}