forked from RiseUP/riseup-squad21
Merge pull request 'main' (#16) from StsDanilo/riseup-squad21:main into main
Reviewed-on: RiseUP/riseup-squad21#16
This commit is contained in:
commit
1db117d84c
@ -10,7 +10,7 @@ export default function HomePage() {
|
||||
<div className="text-center mb-12">
|
||||
<h1 className="text-4xl font-bold text-gray-900 mb-4">Central de Operações <br>
|
||||
</br>
|
||||
MidConnecta
|
||||
MedConnect
|
||||
|
||||
</h1>
|
||||
<p className="text-xl text-gray-600 max-w-2xl mx-auto">
|
||||
|
||||
@ -10,12 +10,12 @@ export default function InicialPage() {
|
||||
{}
|
||||
<div className="bg-black text-white text-sm py-2 px-6 flex justify-between">
|
||||
<span> Horário: 08h00 - 21h00</span>
|
||||
<span> Email: contato@midconnecta.com</span>
|
||||
<span> Email: contato@medconnect.com</span>
|
||||
</div>
|
||||
|
||||
{}
|
||||
<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">
|
||||
<a href="#home" className="hover:text-blue-600">Home</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">
|
||||
<p>© 2025 MidConnecta</p>
|
||||
<p>© 2025 MedConnect</p>
|
||||
</footer>
|
||||
</div>
|
||||
);
|
||||
|
||||
@ -8,7 +8,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@
|
||||
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 SecretaryLayout from "@/components/secretary-layout";
|
||||
import { patientsService } from "@/services/patientsApi.mjs"
|
||||
import { patientsService } from "@/services/patientsApi.mjs";
|
||||
|
||||
export default function PacientesPage() {
|
||||
const [searchTerm, setSearchTerm] = useState("");
|
||||
@ -30,12 +30,12 @@ export default function PacientesPage() {
|
||||
setPatientDetails(null);
|
||||
try {
|
||||
const res = await patientsService.getById(patientId);
|
||||
setPatientDetails(res[0]);
|
||||
setPatientDetails(res[0]);
|
||||
} catch (e: any) {
|
||||
setPatientDetails({ error: e?.message || "Erro ao buscar detalhes" });
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
const fetchPacientes = useCallback(
|
||||
async (pageToFetch: number) => {
|
||||
if (isFetching || !hasNext) return;
|
||||
@ -44,26 +44,26 @@ export default function PacientesPage() {
|
||||
try {
|
||||
const res = await patientsService.list();
|
||||
const mapped = res.map((p: any) => ({
|
||||
id: String(p.id ?? ""),
|
||||
nome: p.full_name ?? "",
|
||||
telefone: p.phone_mobile ?? p.phone1 ?? "",
|
||||
cidade: p.city ?? "",
|
||||
estado: p.state ?? "",
|
||||
ultimoAtendimento: p.last_visit_at ?? "",
|
||||
proximoAtendimento: p.next_appointment_at ?? "",
|
||||
vip: Boolean(p.vip ?? false),
|
||||
convenio: p.convenio ?? "", // se não existir, fica vazio
|
||||
status: p.status ?? undefined,
|
||||
}));
|
||||
id: String(p.id ?? ""),
|
||||
nome: p.full_name ?? "",
|
||||
telefone: p.phone_mobile ?? p.phone1 ?? "",
|
||||
cidade: p.city ?? "",
|
||||
estado: p.state ?? "",
|
||||
ultimoAtendimento: p.last_visit_at ?? "",
|
||||
proximoAtendimento: p.next_appointment_at ?? "",
|
||||
vip: Boolean(p.vip ?? false),
|
||||
convenio: p.convenio ?? "", // se não existir, fica vazio
|
||||
status: p.status ?? undefined,
|
||||
}));
|
||||
|
||||
setPatients((prev) => {
|
||||
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;
|
||||
});
|
||||
|
||||
if (mapped.length === 0) setHasNext(false); // parar carregamento
|
||||
else setPage(prev => prev + 1);
|
||||
if (!mapped.id) setHasNext(false); // parar carregamento
|
||||
else setPage((prev) => prev + 1);
|
||||
} catch (e: any) {
|
||||
setError(e?.message || "Erro ao buscar pacientes");
|
||||
} finally {
|
||||
@ -93,16 +93,14 @@ export default function PacientesPage() {
|
||||
|
||||
const handleDeletePatient = async (patientId: string) => {
|
||||
// Remove from current list (client-side deletion)
|
||||
try{
|
||||
try {
|
||||
const res = await patientsService.delete(patientId);
|
||||
|
||||
if(res){
|
||||
alert(`${res.error} ${res.message}`)
|
||||
}
|
||||
|
||||
setPatients((prev) => prev.filter((p) => String(p.id) !== String(patientId)));
|
||||
|
||||
|
||||
if (res) {
|
||||
alert(`${res.error} ${res.message}`);
|
||||
}
|
||||
|
||||
setPatients((prev) => prev.filter((p) => String(p.id) !== String(patientId)));
|
||||
} catch (e: any) {
|
||||
setError(e?.message || "Erro ao deletar paciente");
|
||||
}
|
||||
@ -127,62 +125,62 @@ export default function PacientesPage() {
|
||||
<SecretaryLayout>
|
||||
<div className="space-y-6">
|
||||
<div className="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
|
||||
<div>
|
||||
<h1 className="text-xl md:text-2xl font-bold text-gray-900">Pacientes</h1>
|
||||
<p className="text-gray-600 text-sm md:text-base">Gerencie as informações de seus pacientes</p>
|
||||
</div>
|
||||
<div className="flex gap-2">
|
||||
<Link href="/secretary/pacientes/novo">
|
||||
<Button className="bg-blue-600 hover:bg-blue-700 w-full md:w-auto">
|
||||
<Plus className="w-4 h-4 mr-2" />
|
||||
Adicionar
|
||||
</Button>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h1 className="text-xl md:text-2xl font-bold text-gray-900">Pacientes</h1>
|
||||
<p className="text-gray-600 text-sm md:text-base">Gerencie as informações de seus pacientes</p>
|
||||
</div>
|
||||
<div className="flex gap-2">
|
||||
<Link href="/secretary/pacientes/novo">
|
||||
<Button className="bg-blue-600 hover:bg-blue-700 w-full md:w-auto">
|
||||
<Plus className="w-4 h-4 mr-2" />
|
||||
Adicionar
|
||||
</Button>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col md:flex-row flex-wrap gap-4 bg-white p-4 rounded-lg border border-gray-200">
|
||||
{/* Convênio */}
|
||||
<div className="flex items-center gap-2 w-full md:w-auto">
|
||||
<span className="text-sm font-medium text-gray-700">Convênio</span>
|
||||
<Select value={convenioFilter} onValueChange={setConvenioFilter}>
|
||||
<SelectTrigger className="w-full md:w-40">
|
||||
<SelectValue placeholder="Selecione o Convênio" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem value="all">Todos</SelectItem>
|
||||
<SelectItem value="Particular">Particular</SelectItem>
|
||||
<SelectItem value="SUS">SUS</SelectItem>
|
||||
<SelectItem value="Unimed">Unimed</SelectItem>
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center gap-2 w-full md:w-auto">
|
||||
<span className="text-sm font-medium text-gray-700">VIP</span>
|
||||
<Select value={vipFilter} onValueChange={setVipFilter}>
|
||||
<SelectTrigger className="w-full md:w-32">
|
||||
<SelectValue placeholder="Selecione" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem value="all">Todos</SelectItem>
|
||||
<SelectItem value="vip">VIP</SelectItem>
|
||||
<SelectItem value="regular">Regular</SelectItem>
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</div>
|
||||
<div className="flex items-center gap-2 w-full md:w-auto">
|
||||
<span className="text-sm font-medium text-gray-700">Aniversariantes</span>
|
||||
<Select>
|
||||
<SelectTrigger className="w-full md:w-32">
|
||||
<SelectValue placeholder="Selecione" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem value="today">Hoje</SelectItem>
|
||||
<SelectItem value="week">Esta semana</SelectItem>
|
||||
<SelectItem value="month">Este mês</SelectItem>
|
||||
</SelectContent>
|
||||
</Select>
|
||||
<div className="flex flex-col md:flex-row flex-wrap gap-4 bg-white p-4 rounded-lg border border-gray-200">
|
||||
{/* Convênio */}
|
||||
<div className="flex items-center gap-2 w-full md:w-auto">
|
||||
<span className="text-sm font-medium text-gray-700">Convênio</span>
|
||||
<Select value={convenioFilter} onValueChange={setConvenioFilter}>
|
||||
<SelectTrigger className="w-full md:w-40">
|
||||
<SelectValue placeholder="Selecione o Convênio" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem value="all">Todos</SelectItem>
|
||||
<SelectItem value="Particular">Particular</SelectItem>
|
||||
<SelectItem value="SUS">SUS</SelectItem>
|
||||
<SelectItem value="Unimed">Unimed</SelectItem>
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center gap-2 w-full md:w-auto">
|
||||
<span className="text-sm font-medium text-gray-700">VIP</span>
|
||||
<Select value={vipFilter} onValueChange={setVipFilter}>
|
||||
<SelectTrigger className="w-full md:w-32">
|
||||
<SelectValue placeholder="Selecione" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem value="all">Todos</SelectItem>
|
||||
<SelectItem value="vip">VIP</SelectItem>
|
||||
<SelectItem value="regular">Regular</SelectItem>
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</div>
|
||||
<div className="flex items-center gap-2 w-full md:w-auto">
|
||||
<span className="text-sm font-medium text-gray-700">Aniversariantes</span>
|
||||
<Select>
|
||||
<SelectTrigger className="w-full md:w-32">
|
||||
<SelectValue placeholder="Selecione" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem value="today">Hoje</SelectItem>
|
||||
<SelectItem value="week">Esta semana</SelectItem>
|
||||
<SelectItem value="month">Este mês</SelectItem>
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center gap-2">
|
||||
@ -213,28 +211,27 @@ export default function PacientesPage() {
|
||||
</Select>
|
||||
</div>
|
||||
|
||||
<Button variant="outline" className="ml-auto bg-transparent w-full md:w-auto">
|
||||
<Filter className="w-4 h-4 mr-2" />
|
||||
Filtro avançado
|
||||
</Button>
|
||||
|
||||
<Button variant="outline" className="ml-auto bg-transparent w-full md:w-auto">
|
||||
<Filter className="w-4 h-4 mr-2" />
|
||||
Filtro avançado
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
<div className="bg-white rounded-lg border border-gray-200">
|
||||
<div className="overflow-x-auto">
|
||||
<div className="overflow-x-auto">
|
||||
{error ? (
|
||||
<div className="p-6 text-red-600">{`Erro ao carregar pacientes: ${error}`}</div>
|
||||
) : (
|
||||
<table className="w-full min-w-[600px]">
|
||||
<table className="w-full min-w-[600px]">
|
||||
<thead className="bg-gray-50 border-b border-gray-200">
|
||||
<tr>
|
||||
<th className="text-left p-2 md:p-4 font-medium text-gray-700">Nome</th>
|
||||
<th className="text-left p-2 md:p-4 font-medium text-gray-700">Telefone</th>
|
||||
<th className="text-left p-2 md:p-4 font-medium text-gray-700">Cidade</th>
|
||||
<th className="text-left p-2 md:p-4 font-medium text-gray-700">Estado</th>
|
||||
<th className="text-left p-2 md:p-4 font-medium text-gray-700">Último atendimento</th>
|
||||
<th className="text-left p-2 md:p-4 font-medium text-gray-700">Próximo atendimento</th>
|
||||
<th className="text-left p-2 md:p-4 font-medium text-gray-700">Ações</th>
|
||||
<th className="text-left p-2 md:p-4 font-medium text-gray-700">Nome</th>
|
||||
<th className="text-left p-2 md:p-4 font-medium text-gray-700">Telefone</th>
|
||||
<th className="text-left p-2 md:p-4 font-medium text-gray-700">Cidade</th>
|
||||
<th className="text-left p-2 md:p-4 font-medium text-gray-700">Estado</th>
|
||||
<th className="text-left p-2 md:p-4 font-medium text-gray-700">Último atendimento</th>
|
||||
<th className="text-left p-2 md:p-4 font-medium text-gray-700">Próximo atendimento</th>
|
||||
<th className="text-left p-2 md:p-4 font-medium text-gray-700">Ações</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@ -325,24 +322,62 @@ export default function PacientesPage() {
|
||||
<div className="text-red-600">{patientDetails.error}</div>
|
||||
) : (
|
||||
<div className="space-y-2 text-left">
|
||||
<p><strong>Nome:</strong> {patientDetails.full_name}</p>
|
||||
<p><strong>CPF:</strong> {patientDetails.cpf}</p>
|
||||
<p><strong>Email:</strong> {patientDetails.email}</p>
|
||||
<p><strong>Telefone:</strong> {patientDetails.phone_mobile ?? patientDetails.phone1 ?? patientDetails.phone2 ?? "-"}</p>
|
||||
<p><strong>Nome social:</strong> {patientDetails.social_name ?? "-"}</p>
|
||||
<p><strong>Sexo:</strong> {patientDetails.sex ?? "-"}</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>
|
||||
<p>
|
||||
<strong>Nome:</strong> {patientDetails.full_name}
|
||||
</p>
|
||||
<p>
|
||||
<strong>CPF:</strong> {patientDetails.cpf}
|
||||
</p>
|
||||
<p>
|
||||
<strong>Email:</strong> {patientDetails.email}
|
||||
</p>
|
||||
<p>
|
||||
<strong>Telefone:</strong> {patientDetails.phone_mobile ?? patientDetails.phone1 ?? patientDetails.phone2 ?? "-"}
|
||||
</p>
|
||||
<p>
|
||||
<strong>Nome social:</strong> {patientDetails.social_name ?? "-"}
|
||||
</p>
|
||||
<p>
|
||||
<strong>Sexo:</strong> {patientDetails.sex ?? "-"}
|
||||
</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>
|
||||
)}
|
||||
</AlertDialogDescription>
|
||||
|
||||
@ -158,7 +158,7 @@ useEffect(() => {
|
||||
<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>
|
||||
<span className="font-semibold text-gray-900">Hospital System</span>
|
||||
<span className="font-semibold text-gray-900">MedConnect</span>
|
||||
</div>
|
||||
)}
|
||||
<Button variant="ghost" size="sm" onClick={() => setSidebarCollapsed(!sidebarCollapsed)} className="p-1">
|
||||
|
||||
@ -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-4 h-4 bg-white rounded-sm"></div>
|
||||
</div>
|
||||
<span className="font-semibold text-gray-900">Hospital System</span>
|
||||
<span className="font-semibold text-gray-900">MedConnect</span>
|
||||
</div>
|
||||
)}
|
||||
<Button variant="ghost" size="sm" onClick={() => setSidebarCollapsed(!sidebarCollapsed)} className="p-1">
|
||||
|
||||
@ -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-4 h-4 bg-white rounded-sm"></div>
|
||||
</div>
|
||||
<span className="font-semibold text-gray-900">
|
||||
MidConnecta
|
||||
</span>
|
||||
<span className="font-semibold text-gray-900">MedConnect</span>
|
||||
</div>
|
||||
)}
|
||||
<Button
|
||||
|
||||
@ -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-4 h-4 bg-white rounded-sm"></div>
|
||||
</div>
|
||||
<span className="font-semibold text-gray-900">MidConnecta</span>
|
||||
<span className="font-semibold text-gray-900">MedConnect</span>
|
||||
</div>
|
||||
)}
|
||||
<Button
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user