m1guelmcf/riseup-squad21
1
0
Fork 0
forked from RiseUP/riseup-squad21
Code Pull Requests Activity

Update Disponibilidade e agendamento

Browse Source
This commit is contained in:
StsDanilo 2025-11-24 16:53:16 -03:00
parent da35ebbff5
commit 945ec9d7e7
2 changed files with 38 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
app/doctor/consultas/page.tsx
View File

@ -31,7 +31,7 @@ interface EnrichedAppointment {
} }
export default function DoctorAppointmentsPage() { export default function DoctorAppointmentsPage() {
const { user, isLoading: isAuthLoading } = useAuthLayout({ requiredRole: 'medico' }); const { user, isLoading: isAuthLoading } = useAuthLayout({ requiredRole: "medico" });
const [allAppointments, setAllAppointments] = useState<EnrichedAppointment[]>([]); const [allAppointments, setAllAppointments] = useState<EnrichedAppointment[]>([]);
const [isLoading, setIsLoading] = useState(true); const [isLoading, setIsLoading] = useState(true);
@ -111,13 +111,22 @@ export default function DoctorAppointmentsPage() {
return format(date, "EEEE, dd 'de' MMMM", { locale: ptBR }); return format(date, "EEEE, dd 'de' MMMM", { locale: ptBR });
}; };
const statusPT: Record<string, string> = {
confirmed: "Confirmada",
completed: "Concluída",
cancelled: "Cancelada",
requested: "Solicitada",
no_show: "oculta",
checked_in: "Aguardando",
};
const getStatusVariant = (status: EnrichedAppointment['status']) => { const getStatusVariant = (status: EnrichedAppointment['status']) => {
switch (status) { switch (status) {
case "confirmed": case "checked_in": return "default"; case "confirmed": case "checked_in": return "text-foreground bg-blue-100 hover:bg-blue-150";
case "completed": return "secondary"; case "completed": return "text-foreground bg-green-100 hover:bg-green-150";
case "cancelled": case "no_show": return "destructive"; case "cancelled": case "no_show": return "text-foreground bg-red-200 hover:bg-red-250";
case "requested": return "outline"; case "requested": return "text-foreground bg-yellow-100 hover:bg-yellow-150";
default: return "outline"; default: return "border-gray bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90";
} }
}; };
@ -191,7 +200,7 @@ export default function DoctorAppointmentsPage() {
{/* Coluna 2: Status e Telefone */} {/* Coluna 2: Status e Telefone */}
<div className="col-span-1 flex flex-col items-center gap-2"> <div className="col-span-1 flex flex-col items-center gap-2">
<Badge variant={getStatusVariant(appointment.status)} className="capitalize text-xs">{appointment.status.replace('_', ' ')}</Badge> <Badge variant="outline" className={getStatusVariant(appointment.status)}>{statusPT[appointment.status].replace('_', ' ')}</Badge>
<div className="flex items-center text-sm text-muted-foreground"> <div className="flex items-center text-sm text-muted-foreground">
<Phone className="mr-2 h-4 w-4" /> <Phone className="mr-2 h-4 w-4" />
{appointment.patientPhone} {appointment.patientPhone}

42
app/doctor/disponibilidade/page.tsx
View File

@ -183,25 +183,25 @@ export default function AvailabilityPage() {
saturday: "Sábado", saturday: "Sábado",
}; };
const fetchData = async () => { const fetchData = async () => {
try { try {
const loggedUser = await usersService.getMe(); const loggedUser = await usersService.getMe();
const doctorList = await doctorsService.list(); const doctorList = await doctorsService.list();
setUserData(loggedUser); setUserData(loggedUser);
const doctor = findDoctorById(loggedUser.user.id, doctorList); const doctor = findDoctorById(loggedUser.user.id, doctorList);
setDoctorId(doctor?.id); setDoctorId(doctor?.id);
console.log(doctor); console.log(doctor);
// Busca disponibilidade // Busca disponibilidade
const availabilityList = await AvailabilityService.list(); const availabilityList = await AvailabilityService.list();
// Filtra já com a variável local // Filtra já com a variável local
const filteredAvail = availabilityList.filter( const filteredAvail = availabilityList.filter(
(disp: { doctor_id: string }) => disp.doctor_id === doctor?.id (disp: { doctor_id: string }) => disp.doctor_id === doctor?.id
); );
setAvailability(filteredAvail); setAvailability(filteredAvail);
} catch (e: any) { } catch (e: any) {
alert(`${e?.error} ${e?.message}`); alert(`${e?.error} ${e?.message}`);
} }
}; };
useEffect(() => { useEffect(() => {
fetchData(); fetchData();
@ -284,6 +284,7 @@ export default function AvailabilityPage() {
description: err?.message || "Não foi possível criar a disponibilidade", description: err?.message || "Não foi possível criar a disponibilidade",
}); });
} finally { } finally {
fetchData()
setIsLoading(false); setIsLoading(false);
} }
}; };
@ -318,6 +319,7 @@ export default function AvailabilityPage() {
description: e?.message || "Não foi possível deletar a disponibilidade", description: e?.message || "Não foi possível deletar a disponibilidade",
}); });
} }
fetchData()
setDeleteDialogOpen(false); setDeleteDialogOpen(false);
setSelectedAvailability(null); setSelectedAvailability(null);
}; };
@ -453,7 +455,7 @@ export default function AvailabilityPage() {
<div key={i}> <div key={i}>
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild>
<p className="text-sm text-gray-600 cursor-pointer p-1 rounded hover:text-accent-foreground hover:bg-gray-200 transition-colors duration-150"> <p className="text-sm text-gray-600 cursor-pointer rounded hover:text-accent-foreground hover:bg-gray-200 transition-colors duration-150">
{formatTime(t.start)} - {formatTime(t.end)} {formatTime(t.start)} - {formatTime(t.end)}
</p> </p>
</DropdownMenuTrigger> </DropdownMenuTrigger>