- Vista ampliada do dia
+ Grade de horários do dia
{format(baseDate, "EEEE, dd 'de' MMMM", { locale: ptBR })}
@@ -20,9 +25,15 @@ export function AgendaDailyView({ baseDate, appointments, onAppointmentClick })
-
+
{dailyAppointments.length} {dailyAppointments.length === 1 ? 'agendamento' : 'agendamentos'}
+
+ Livre
+
+
+ Agendado
+
{isToday(baseDate) && (
Hoje
@@ -31,70 +42,134 @@ export function AgendaDailyView({ baseDate, appointments, onAppointmentClick })
- {dailyAppointments.map((appointment) => (
+
+ {slots.map((time) => {
+ const slotAppointments = appointmentsByTime.get(time) || []
+ const primaryAppointment = slotAppointments[0]
+ const isBooked = Boolean(primaryAppointment)
+
+ return (
-
{appointment.time || '--:--'}
-
- {appointment.mode}
+
{time}
+
+ {isBooked ? 'Agendado' : 'Disponível'}
-
-
- {appointment.type} com {appointment.professional}
-
-
-
{appointment.room}
-
{appointment.type}
+ {isBooked ? (
+
+
+
+ {primaryAppointment.type} com {primaryAppointment.professional}
+
+
+ {primaryAppointment.room ? {primaryAppointment.room} : null}
+ {primaryAppointment.mode ? {primaryAppointment.mode} : null}
+ {slotAppointments.length > 1 ? +{slotAppointments.length - 1} : null}
+
-
+ ) : (
+
+ Horário disponível para novo agendamento.
+
+ )}
-
-
- {appointment.status}
+
+
+ {isBooked ? primaryAppointment.status : 'Livre'}
+ {canCreateAppointment ? (
+
+ ) : null}
- ))}
-
- )}
+ )
+ })}
+
)
}
-function getStatusColors(status) {
+function getDailyToneClass(status) {
switch (status) {
case 'Confirmada':
- return 'border-[#14532d] bg-[#052e1a] text-[#a7f3d0]'
+ return 'agenda-slot-confirmed'
case 'Em triagem':
- return 'border-[#78350f] bg-[#2d1e05] text-[#fde68a]'
- case 'Concluida':
- case 'Concluída':
- return 'border-[#1e3a8a] bg-[#172554] text-[#bfdbfe]'
+ return 'agenda-slot-triage'
case 'Cancelada':
- return 'border-[#7f1d1d] bg-[#450a0a] text-[#fecaca]'
+ return 'agenda-slot-cancelled'
+ case 'Bloqueado':
+ return 'agenda-slot-blocked'
case 'Aguardando':
default:
- return 'border-[#404040] bg-[#1f1f1f] text-[#e5e5e5]'
+ return 'agenda-slot-waiting'
}
}
+
+function generateSlots(start, end, intervalMinutes) {
+ const [startHour, startMinute] = start.split(':').map(Number)
+ const [endHour, endMinute] = end.split(':').map(Number)
+ const slots = []
+ let cursor = startHour * 60 + startMinute
+ const last = endHour * 60 + endMinute
+
+ while (cursor < last) {
+ slots.push(formatMinutes(cursor))
+ cursor += intervalMinutes
+ }
+
+ return slots
+}
+
+function groupAppointmentsByTime(appointments) {
+ return appointments.reduce((map, appointment) => {
+ const time = normalizeTime(appointment.time)
+ if (!time) return map
+ map.set(time, [...(map.get(time) || []), appointment])
+ return map
+ }, new Map())
+}
+
+function mergeSlotsWithAppointmentTimes(slots, appointments) {
+ return [...new Set([...slots, ...appointments.map((appointment) => normalizeTime(appointment.time)).filter(Boolean)])]
+ .sort((first, second) => minutesFromTime(first) - minutesFromTime(second))
+}
+
+function normalizeTime(value) {
+ const match = String(value || '').match(/^(\d{1,2}):(\d{2})/)
+ if (!match) return ''
+ return `${match[1].padStart(2, '0')}:${match[2]}`
+}
+
+function minutesFromTime(value) {
+ const [hours, minutes] = normalizeTime(value).split(':').map(Number)
+ return hours * 60 + minutes
+}
+
+function formatMinutes(totalMinutes) {
+ const hours = String(Math.floor(totalMinutes / 60)).padStart(2, '0')
+ const minutes = String(totalMinutes % 60).padStart(2, '0')
+ return `${hours}:${minutes}`
+}
diff --git a/src/components/calendar/AgendaMonthlyView.jsx b/src/components/calendar/AgendaMonthlyView.jsx
index e8b2358..75b0ad6 100644
--- a/src/components/calendar/AgendaMonthlyView.jsx
+++ b/src/components/calendar/AgendaMonthlyView.jsx
@@ -23,8 +23,8 @@ export function AgendaMonthlyView({ baseDate, appointments, onDayClick }) {
const weekDays = ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb']
return (
-
-
+
+
{weekDays.map((day) => (
{day}
@@ -49,7 +49,7 @@ export function AgendaMonthlyView({ baseDate, appointments, onDayClick }) {