Merge pull request 'main' (#16) from StsDanilo/riseup-squad21:main into main

Reviewed-on: #16
This commit is contained in:
LiraS2 2025-10-02 19:55:38 +00:00
commit 1db117d84c
7 changed files with 155 additions and 122 deletions

View File

@ -10,7 +10,7 @@ export default function HomePage() {
<div className="text-center mb-12"> <div className="text-center mb-12">
<h1 className="text-4xl font-bold text-gray-900 mb-4">Central de Operações <br> <h1 className="text-4xl font-bold text-gray-900 mb-4">Central de Operações <br>
</br> </br>
MidConnecta MedConnect
</h1> </h1>
<p className="text-xl text-gray-600 max-w-2xl mx-auto"> <p className="text-xl text-gray-600 max-w-2xl mx-auto">

View File

@ -10,12 +10,12 @@ export default function InicialPage() {
{} {}
<div className="bg-black text-white text-sm py-2 px-6 flex justify-between"> <div className="bg-black text-white text-sm py-2 px-6 flex justify-between">
<span> Horário: 08h00 - 21h00</span> <span> Horário: 08h00 - 21h00</span>
<span> Email: contato@midconnecta.com</span> <span> Email: contato@medconnect.com</span>
</div> </div>
{} {}
<header className="bg-white shadow-md py-4 px-6 flex justify-between items-center"> <header className="bg-white shadow-md py-4 px-6 flex justify-between items-center">
<h1 className="text-2xl font-bold text-blue-700">MidConnecta</h1> <h1 className="text-2xl font-bold text-blue-700">MedConnect</h1>
<nav className="flex space-x-6 text-gray-700 font-medium"> <nav className="flex space-x-6 text-gray-700 font-medium">
<a href="#home" className="hover:text-blue-600">Home</a> <a href="#home" className="hover:text-blue-600">Home</a>
<a href="#about" className="hover:text-blue-600">Sobre</a> <a href="#about" className="hover:text-blue-600">Sobre</a>
@ -106,7 +106,7 @@ export default function InicialPage() {
{} {}
<footer className="bg-black text-white py-6 text-center"> <footer className="bg-black text-white py-6 text-center">
<p>© 2025 MidConnecta</p> <p>© 2025 MedConnect</p>
</footer> </footer>
</div> </div>
); );

View File

@ -8,7 +8,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@
import { Plus, Edit, Trash2, Eye, Calendar, Filter } from "lucide-react"; import { Plus, Edit, Trash2, Eye, Calendar, Filter } from "lucide-react";
import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@/components/ui/alert-dialog"; import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@/components/ui/alert-dialog";
import SecretaryLayout from "@/components/secretary-layout"; import SecretaryLayout from "@/components/secretary-layout";
import { patientsService } from "@/services/patientsApi.mjs" import { patientsService } from "@/services/patientsApi.mjs";
export default function PacientesPage() { export default function PacientesPage() {
const [searchTerm, setSearchTerm] = useState(""); const [searchTerm, setSearchTerm] = useState("");
@ -58,12 +58,12 @@ export default function PacientesPage() {
setPatients((prev) => { setPatients((prev) => {
const all = [...prev, ...mapped]; const all = [...prev, ...mapped];
const unique = Array.from(new Map(all.map(p => [p.id, p])).values()); const unique = Array.from(new Map(all.map((p) => [p.id, p])).values());
return unique; return unique;
}); });
if (mapped.length === 0) setHasNext(false); // parar carregamento if (!mapped.id) setHasNext(false); // parar carregamento
else setPage(prev => prev + 1); else setPage((prev) => prev + 1);
} catch (e: any) { } catch (e: any) {
setError(e?.message || "Erro ao buscar pacientes"); setError(e?.message || "Erro ao buscar pacientes");
} finally { } finally {
@ -93,16 +93,14 @@ export default function PacientesPage() {
const handleDeletePatient = async (patientId: string) => { const handleDeletePatient = async (patientId: string) => {
// Remove from current list (client-side deletion) // Remove from current list (client-side deletion)
try{ try {
const res = await patientsService.delete(patientId); const res = await patientsService.delete(patientId);
if(res){ if (res) {
alert(`${res.error} ${res.message}`) alert(`${res.error} ${res.message}`);
} }
setPatients((prev) => prev.filter((p) => String(p.id) !== String(patientId))); setPatients((prev) => prev.filter((p) => String(p.id) !== String(patientId)));
} catch (e: any) { } catch (e: any) {
setError(e?.message || "Erro ao deletar paciente"); setError(e?.message || "Erro ao deletar paciente");
} }
@ -217,7 +215,6 @@ export default function PacientesPage() {
<Filter className="w-4 h-4 mr-2" /> <Filter className="w-4 h-4 mr-2" />
Filtro avançado Filtro avançado
</Button> </Button>
</div> </div>
<div className="bg-white rounded-lg border border-gray-200"> <div className="bg-white rounded-lg border border-gray-200">
@ -325,24 +322,62 @@ export default function PacientesPage() {
<div className="text-red-600">{patientDetails.error}</div> <div className="text-red-600">{patientDetails.error}</div>
) : ( ) : (
<div className="space-y-2 text-left"> <div className="space-y-2 text-left">
<p><strong>Nome:</strong> {patientDetails.full_name}</p> <p>
<p><strong>CPF:</strong> {patientDetails.cpf}</p> <strong>Nome:</strong> {patientDetails.full_name}
<p><strong>Email:</strong> {patientDetails.email}</p> </p>
<p><strong>Telefone:</strong> {patientDetails.phone_mobile ?? patientDetails.phone1 ?? patientDetails.phone2 ?? "-"}</p> <p>
<p><strong>Nome social:</strong> {patientDetails.social_name ?? "-"}</p> <strong>CPF:</strong> {patientDetails.cpf}
<p><strong>Sexo:</strong> {patientDetails.sex ?? "-"}</p> </p>
<p><strong>Tipo sanguíneo:</strong> {patientDetails.blood_type ?? "-"}</p> <p>
<p><strong>Peso:</strong> {patientDetails.weight_kg ?? "-"}{patientDetails.weight_kg ? "kg": ""}</p> <strong>Email:</strong> {patientDetails.email}
<p><strong>Altura:</strong> {patientDetails.height_m ?? "-"}{patientDetails.height_m ? "m": ""}</p> </p>
<p><strong>IMC:</strong> {patientDetails.bmi ?? "-"}</p> <p>
<p><strong>Endereço:</strong> {patientDetails.street ?? "-"}</p> <strong>Telefone:</strong> {patientDetails.phone_mobile ?? patientDetails.phone1 ?? patientDetails.phone2 ?? "-"}
<p><strong>Bairro:</strong> {patientDetails.neighborhood ?? "-"}</p> </p>
<p><strong>Cidade:</strong> {patientDetails.city ?? "-"}</p> <p>
<p><strong>Estado:</strong> {patientDetails.state ?? "-"}</p> <strong>Nome social:</strong> {patientDetails.social_name ?? "-"}
<p><strong>CEP:</strong> {patientDetails.cep ?? "-"}</p> </p>
<p><strong>Criado em:</strong> {patientDetails.created_at ?? "-"}</p> <p>
<p><strong>Atualizado em:</strong> {patientDetails.updated_at ?? "-"}</p> <strong>Sexo:</strong> {patientDetails.sex ?? "-"}
<p><strong>Id:</strong> {patientDetails.id ?? "-"}</p> </p>
<p>
<strong>Tipo sanguíneo:</strong> {patientDetails.blood_type ?? "-"}
</p>
<p>
<strong>Peso:</strong> {patientDetails.weight_kg ?? "-"}
{patientDetails.weight_kg ? "kg" : ""}
</p>
<p>
<strong>Altura:</strong> {patientDetails.height_m ?? "-"}
{patientDetails.height_m ? "m" : ""}
</p>
<p>
<strong>IMC:</strong> {patientDetails.bmi ?? "-"}
</p>
<p>
<strong>Endereço:</strong> {patientDetails.street ?? "-"}
</p>
<p>
<strong>Bairro:</strong> {patientDetails.neighborhood ?? "-"}
</p>
<p>
<strong>Cidade:</strong> {patientDetails.city ?? "-"}
</p>
<p>
<strong>Estado:</strong> {patientDetails.state ?? "-"}
</p>
<p>
<strong>CEP:</strong> {patientDetails.cep ?? "-"}
</p>
<p>
<strong>Criado em:</strong> {patientDetails.created_at ?? "-"}
</p>
<p>
<strong>Atualizado em:</strong> {patientDetails.updated_at ?? "-"}
</p>
<p>
<strong>Id:</strong> {patientDetails.id ?? "-"}
</p>
</div> </div>
)} )}
</AlertDialogDescription> </AlertDialogDescription>

View File

@ -158,7 +158,7 @@ useEffect(() => {
<div className="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center"> <div className="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center">
<div className="w-4 h-4 bg-white rounded-sm"></div> <div className="w-4 h-4 bg-white rounded-sm"></div>
</div> </div>
<span className="font-semibold text-gray-900">Hospital System</span> <span className="font-semibold text-gray-900">MedConnect</span>
</div> </div>
)} )}
<Button variant="ghost" size="sm" onClick={() => setSidebarCollapsed(!sidebarCollapsed)} className="p-1"> <Button variant="ghost" size="sm" onClick={() => setSidebarCollapsed(!sidebarCollapsed)} className="p-1">

View File

@ -123,7 +123,7 @@ export default function HospitalLayout({ children }: HospitalLayoutProps) {
<div className="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center"> <div className="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center">
<div className="w-4 h-4 bg-white rounded-sm"></div> <div className="w-4 h-4 bg-white rounded-sm"></div>
</div> </div>
<span className="font-semibold text-gray-900">Hospital System</span> <span className="font-semibold text-gray-900">MedConnect</span>
</div> </div>
)} )}
<Button variant="ghost" size="sm" onClick={() => setSidebarCollapsed(!sidebarCollapsed)} className="p-1"> <Button variant="ghost" size="sm" onClick={() => setSidebarCollapsed(!sidebarCollapsed)} className="p-1">

View File

@ -112,9 +112,7 @@ export default function HospitalLayout({ children }: HospitalLayoutProps) {
<div className="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center"> <div className="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center">
<div className="w-4 h-4 bg-white rounded-sm"></div> <div className="w-4 h-4 bg-white rounded-sm"></div>
</div> </div>
<span className="font-semibold text-gray-900"> <span className="font-semibold text-gray-900">MedConnect</span>
MidConnecta
</span>
</div> </div>
)} )}
<Button <Button

View File

@ -105,7 +105,7 @@ export default function SecretaryLayout({ children }: PatientLayoutProps) {
<div className="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center"> <div className="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center">
<div className="w-4 h-4 bg-white rounded-sm"></div> <div className="w-4 h-4 bg-white rounded-sm"></div>
</div> </div>
<span className="font-semibold text-gray-900">MidConnecta</span> <span className="font-semibold text-gray-900">MedConnect</span>
</div> </div>
)} )}
<Button <Button