RiseUP/riseup-squad21
5
0
Fork 2
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CRUD Pacientes com nova API

Browse Source
This commit is contained in:
DaniloSts 2025-10-01 09:49:11 -03:00
parent 9ed0952d32
commit f736667bfb
3 changed files with 55 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
app/secretary/pacientes/[id]/editar/page.tsx
View File

@ -228,16 +228,21 @@ export default function EditarPacientePage() {
cep: formData.cep || null, cep: formData.cep || null,
}; };
console.log(payload)
console.log(JSON.stringify(payload))
try { try {
const res = await patientsService.update(patientId, JSON.stringify(payload)); await patientsService.update(patientId, payload);
console.log(res[0]) toast({
title: "Sucesso",
description: "Paciente atualizado com sucesso",
variant: "default"
});
router.push("/secretary/pacientes"); router.push("/secretary/pacientes");
} catch (err: any) { } catch (err: any) {
toast({ title: "Erro", description: err?.message || "Não foi possível atualizar o paciente" }); console.error("Erro ao atualizar paciente:", err);
console.log("deu ruim") toast({
title: "Erro",
description: err?.message || "Não foi possível atualizar o paciente",
variant: "destructive"
});
} }
}; };
@ -472,13 +477,13 @@ export default function EditarPacientePage() {
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
<div className="space-y-2"> <div className="space-y-2">
<Label htmlFor="email">E-mail</Label> <Label htmlFor="email">E-mail *</Label>
<Input id="email" type="email" value={formData.email} onChange={(e) => handleInputChange("email", e.target.value)} /> <Input id="email" type="email" value={formData.email} onChange={(e) => handleInputChange("email", e.target.value)} required/>
</div> </div>
<div className="space-y-2"> <div className="space-y-2">
<Label htmlFor="celular">Celular</Label> <Label htmlFor="celular">Celular *</Label>
<Input id="celular" value={formData.phoneMobile} onChange={(e) => handleInputChange("phoneMobile", e.target.value)} placeholder="(00) 00000-0000" /> <Input id="celular" value={formData.phoneMobile} onChange={(e) => handleInputChange("phoneMobile", e.target.value)} placeholder="(00) 00000-0000" required/>
</div> </div>
<div className="space-y-2"> <div className="space-y-2">

50
app/secretary/pacientes/novo/page.tsx
View File

@ -32,6 +32,27 @@ export default function NovoPacientePage() {
setAnexos(anexos.filter((_, i) => i !== index)); setAnexos(anexos.filter((_, i) => i !== index));
}; };
const cleanNumber = (value: string): string => value.replace(/\D/g, '');
const formatCPF = (value: string): string => {
const cleaned = cleanNumber(value).substring(0, 11);
return cleaned.replace(/(\d{3})(\d{3})(\d{3})(\d{2})/, '$1.$2.$3-$4');
};
const formatCEP = (value: string): string => {
const cleaned = cleanNumber(value).substring(0, 8);
return cleaned.replace(/(\d{5})(\d{3})/, '$1-$2');
};
const formatPhoneMobile = (value: string): string => {
const cleaned = cleanNumber(value).substring(0, 11);
if (cleaned.length > 10) {
return cleaned.replace(/(\d{2})(\d{5})(\d{4})/, '+55 ($1) $2-$3');
}
return cleaned.replace(/(\d{2})(\d{4})(\d{4})/, '+55 ($1) $2-$3');
};
const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => { const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
e.preventDefault(); e.preventDefault();
if (isLoading) return; if (isLoading) return;
@ -42,15 +63,15 @@ export default function NovoPacientePage() {
const apiPayload = { const apiPayload = {
full_name: (formData.get("nome") as string) || "", // obrigatório full_name: (formData.get("nome") as string) || "", // obrigatório
social_name: (formData.get("nomeSocial") as string) || undefined, social_name: (formData.get("nomeSocial") as string) || undefined,
cpf: (formData.get("cpf") as string) || "", // obrigatório cpf: (formatCPF(formData.get("cpf") as string)) || "", // obrigatório
email: (formData.get("email") as string) || "", // obrigatório email: (formData.get("email") as string) || "", // obrigatório
phone_mobile: (formData.get("celular") as string) || "", // obrigatório phone_mobile: (formatPhoneMobile(formData.get("celular") as string)) || "", // obrigatório
birth_date: formData.get("dataNascimento") ? new Date(formData.get("dataNascimento") as string) : undefined, birth_date: formData.get("dataNascimento") ? new Date(formData.get("dataNascimento") as string) : undefined,
sex: (formData.get("sexo") as string) || undefined, sex: (formData.get("sexo") as string) || undefined,
blood_type: (formData.get("tipoSanguineo") as string) || undefined, blood_type: (formData.get("tipoSanguineo") as string) || undefined,
weight_kg: formData.get("peso") ? parseFloat(formData.get("peso") as string) : undefined, weight_kg: formData.get("peso") ? parseFloat(formData.get("peso") as string) : undefined,
height_m: formData.get("altura") ? parseFloat(formData.get("altura") as string) : undefined, height_m: formData.get("altura") ? parseFloat(formData.get("altura") as string) : undefined,
cep: (formData.get("cep") as string) || undefined, cep: (formatCEP(formData.get("cep") as string)) || undefined,
street: (formData.get("endereco") as string) || undefined, street: (formData.get("endereco") as string) || undefined,
number: (formData.get("numero") as string) || undefined, number: (formData.get("numero") as string) || undefined,
complement: (formData.get("complemento") as string) || undefined, complement: (formData.get("complemento") as string) || undefined,
@ -59,6 +80,10 @@ export default function NovoPacientePage() {
state: (formData.get("estado") as string) || undefined, state: (formData.get("estado") as string) || undefined,
}; };
console.log(apiPayload.email)
console.log(apiPayload.cep)
console.log(apiPayload.phone_mobile)
const errors: string[] = []; const errors: string[] = [];
const fullName = apiPayload.full_name?.trim() || ""; const fullName = apiPayload.full_name?.trim() || "";
if (!fullName || fullName.length < 2 || fullName.length > 255) { if (!fullName || fullName.length < 2 || fullName.length > 255) {
@ -96,6 +121,7 @@ export default function NovoPacientePage() {
} }
if (errors.length) { if (errors.length) {
toast({ title: "Corrija os campos", description: errors[0] }); toast({ title: "Corrija os campos", description: errors[0] });
console.log("campos errados")
setIsLoading(false); setIsLoading(false);
return; return;
} }
@ -200,23 +226,23 @@ export default function NovoPacientePage() {
<div className="grid md:grid-cols-3 gap-4"> <div className="grid md:grid-cols-3 gap-4">
<div> <div>
<Label className="text-sm font-medium text-gray-700">Sexo</Label> <Label className="text-sm font-medium text-gray-700">Sexo *</Label>
<div className="flex gap-4 mt-2"> <div className="flex gap-4 mt-2">
<label className="flex items-center gap-2"> <label className="flex items-center gap-2">
<input type="radio" name="sexo" value="Masculino" className="text-blue-600" /> <input type="radio" name="sexo" value="Masculino" className="text-blue-600" required/>
<span className="text-sm">Masculino</span> <span className="text-sm">Masculino</span>
</label> </label>
<label className="flex items-center gap-2"> <label className="flex items-center gap-2">
<input type="radio" name="sexo" value="Feminino" className="text-blue-600" /> <input type="radio" name="sexo" value="Feminino" className="text-blue-600" required/>
<span className="text-sm">Feminino</span> <span className="text-sm">Feminino</span>
</label> </label>
</div> </div>
</div> </div>
<div> <div>
<Label htmlFor="dataNascimento" className="text-sm font-medium text-gray-700"> <Label htmlFor="dataNascimento" className="text-sm font-medium text-gray-700">
Data de Nascimento Data de Nascimento *
</Label> </Label>
<Input id="dataNascimento" name="dataNascimento" type="date" className="mt-1" /> <Input id="dataNascimento" name="dataNascimento" type="date" className="mt-1" required/>
</div> </div>
<div> <div>
<Label htmlFor="estadoCivil" className="text-sm font-medium text-gray-700"> <Label htmlFor="estadoCivil" className="text-sm font-medium text-gray-700">
@ -422,13 +448,13 @@ export default function NovoPacientePage() {
<div className="grid md:grid-cols-3 gap-4"> <div className="grid md:grid-cols-3 gap-4">
<div> <div>
<Label htmlFor="email" className="text-sm font-medium text-gray-700"> <Label htmlFor="email" className="text-sm font-medium text-gray-700">
E-mail E-mail *
</Label> </Label>
<Input id="email" name="email" type="email" placeholder="email@exemplo.com" className="mt-1" /> <Input id="email" name="email" type="email" placeholder="email@exemplo.com" className="mt-1" required/>
</div> </div>
<div> <div>
<Label htmlFor="celular" className="text-sm font-medium text-gray-700"> <Label htmlFor="celular" className="text-sm font-medium text-gray-700">
Celular Celular *
</Label> </Label>
<div className="flex mt-1"> <div className="flex mt-1">
<Select> <Select>
@ -439,7 +465,7 @@ export default function NovoPacientePage() {
<SelectItem value="+55">+55</SelectItem> <SelectItem value="+55">+55</SelectItem>
</SelectContent> </SelectContent>
</Select> </Select>
<Input id="celular" name="celular" placeholder="(XX) XXXXX-XXXX" className="rounded-l-none" /> <Input id="celular" name="celular" placeholder="(XX) XXXXX-XXXX" className="rounded-l-none" required/>
</div> </div>
</div> </div>
<div> <div>

2
services/api.mjs
View File

@ -9,6 +9,7 @@ export async function login() {
method: "POST", method: "POST",
headers: { headers: {
"Content-Type": "application/json", "Content-Type": "application/json",
Prefer: "return=representation",
"apikey": API_KEY, // valor fixo "apikey": API_KEY, // valor fixo
}, },
body: JSON.stringify({ email: "riseup@popcode.com.br", password: "riseup" }), body: JSON.stringify({ email: "riseup@popcode.com.br", password: "riseup" }),
@ -57,7 +58,6 @@ async function request(endpoint, options = {}) {
if (!text) return null; if (!text) return null;
// Se tiver conteúdo, parseia como JSON // Se tiver conteúdo, parseia como JSON
console.log(JSON.parse(text))
return JSON.parse(text); return JSON.parse(text);
} catch (error) { } catch (error) {
console.error("Erro na requisição:", error); console.error("Erro na requisição:", error);