- {/* LIMPA O OBJETO DE EDIÇÃO AO CLICAR EM "ADICIONAR" */}
-
-
-
+ const gerarNumerosWaitPages = () => {
+ const paginas = [];
+ const paginasParaMostrar = 5;
+ let inicio = Math.max(1, waitPage - Math.floor(paginasParaMostrar / 2));
+ let fim = Math.min(waitTotalPages, inicio + paginasParaMostrar - 1);
+ inicio = Math.max(1, fim - paginasParaMostrar + 1);
+ for (let i = inicio; i <= fim; i++) { paginas.push(i); }
+ return paginas;
+ };
+
+ useEffect(() => { setWaitPage(1); }, [waitlistSearch, waitSortKey, waitSortDir]);
+
+ const generateDateGrid = () => {
+ const grid = [];
+ const startOfMonth = currentDate.startOf('month');
+ let currentDay = startOfMonth.subtract(startOfMonth.day(), 'day');
+ for (let i = 0; i < 42; i++) {
+ grid.push(currentDay);
+ currentDay = currentDay.add(1, 'day');
+ }
+ return grid;
+ };
+
+ const dateGrid = useMemo(() => generateDateGrid(), [currentDate]);
+ const weekDays = ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb'];
+ const handleDateClick = (day) => setSelectedDay(day);
+
+ const DeleteModal = () => (
+
+
+
+
+
Confirmação de Cancelamento
+
+
+
+
Qual o motivo do cancelamento?
+
+
+
+
+
+
+
+
+
+ );
+
+ const ConfirmEditModal = () => (
+
+
+
+
+
Confirmação de edição
+
+
+
+
Tem certeza que deseja retirar o cancelamento?
+
Isso reverterá o status do agendamento para Agendado.
+
+
+
+
+
+
+
+
+ );
+
+ return (
+
+
Agendar nova consulta
+
+ {!PageNovaConsulta ? (
+
+
+
+
+
+
+ handleSearchMedicos(e.target.value)}
+ />
+
+
+ {searchTermDoctor && FiltredTodosMedicos.length > 0 && (
+
+ {FiltredTodosMedicos.map((medico) => (
+
{
+ setSearchTermDoctor(medico.nomeMedico);
+ setFiltredTodosMedicos([]);
+ setMedicoFiltrado(medico);
+ }}
+ >
+
{medico.nomeMedico}
+
+ ))}
+
+ )}
+
- {!PageNovaConsulta ? (
-
-
-
-
-
-
- handleSearchMedicos(e.target.value)} />
-
-
- {searchTermDoctor && FiltredTodosMedicos.length > 0 && (
{FiltredTodosMedicos.map((medico) => (
{ setSearchTermDoctor(medico.nomeMedico); setFiltredTodosMedicos([]); setMedicoFiltrado(medico); }}>
{medico.nomeMedico}
))}
)}
-
+
+
+ {/* ABA + BOTÕES NA MESMA BARRA */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {FiladeEspera === false ? (
+
+
+
+ {selectedDay.format('MMM')}
+ {selectedDay.format('DD')}
+
+
+
{selectedDay.format('dddd')}
+
{selectedDay.format('D [de] MMMM [de] YYYY')}
+
+
+
Consultas para {selectedDay.format('DD/MM')}
+ {showSpinner ? (
+
+ ) : (DictAgendamentosOrganizados[selectedDay.format('YYYY-MM-DD')]?.length > 0) ? (
+ DictAgendamentosOrganizados[selectedDay.format('YYYY-MM-DD')].map(app => (
+
+
+ {dayjs(app.scheduled_at).format('HH:mm')}
+
+
+ {app.paciente_nome}
+ Dr(a). {app.medico_nome}
+
+
+ {app.status === 'cancelled' ? (
+
+ ) : (
+ <>
+
+
+
+ )}
+
-
-
-
-
-
-
- {FiladeEspera === false ? (
-
-
-
{selectedDay.format('MMM')}{selectedDay.format('DD')}
-
{selectedDay.format('dddd')}
{selectedDay.format('D [de] MMMM [de] YYYY')}
-
-
Consultas para {selectedDay.format('DD/MM')}
- {showSpinner ?
: (DictAgendamentosOrganizados[selectedDay.format('YYYY-MM-DD')]?.length > 0) ? (DictAgendamentosOrganizados[selectedDay.format('YYYY-MM-DD')].map(app => (
-
-
{dayjs(app.scheduled_at).format('HH:mm')}
-
{app.paciente_nome}Dr(a). {app.medico_nome}
-
- {app.status === 'cancelled' ? (
-
- ) : (
- <>
- {/* MUDANÇA: PASSA O OBJETO COMPLETO 'app' PARA O ESTADO DE EDIÇÃO */}
-
- {/* Botão de Cancelar */}
-
-
- )}
-
-
- ))) : (
Nenhuma consulta agendada.
)}
-
-
-
-
-
Realizado
Confirmado
Agendado
Cancelado
-
-
-
-
{currentDate.format('MMMM [de] YYYY')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {weekDays.map(day =>
{day}
)}
- {dateGrid.map((day, index) => {
- const appointmentsOnDay = DictAgendamentosOrganizados[day.format('YYYY-MM-DD')] || [];
- const cellClasses = `day-cell ${day.isSame(currentDate, 'month') ? 'current-month' : 'other-month'} ${day.isSame(dayjs(), 'day') ? 'today' : ''} ${day.isSame(selectedDay, 'day') ? 'selected' : ''}`;
- return (
handleDateClick(day)}>
{day.format('D')}{appointmentsOnDay.length > 0 &&
{appointmentsOnDay.length}
}
);
- })}
-
-
-
-
-
-
-
Fila de Espera
-
-
-
Filtros
-
setWaitlistSearch(e.target.value)} />Digite o nome do paciente, CPF ou nome do médico
-
-
- Ordenar por:
- {(() => { const sortValue = waitSortKey ? `${waitSortKey}-${waitSortDir}` : ''; return ();})()}
-
-
-
{filaEsperaFiltrada.length} DE {filaEsperaData.length} SOLICITAÇÕES ENCONTRADAS
-
-
-
- | Nome do Paciente | CPF | Médico Solicitado | Data da Solicitação | Ações |
|---|
-
- {filaEsperaPaginada.length > 0 ? (filaEsperaPaginada.map((item, index) => (
- | {item?.Infos?.paciente_nome} | {item?.Infos?.paciente_cpf} | {item?.Infos?.nome_medico} | {dayjs(item.agendamento.scheduled_at).format('DD/MM/YYYY')} | |
- ))) : ({showSpinner ? : (<> Nenhuma solicitação encontrada. )} |
)}
-
-
- {filaEsperaFiltrada.length > 0 && (
-
Itens por página:
-
Página {waitPage} de {waitTotalPages} • Mostrando {waitIndiceInicial + 1}-{Math.min(waitIndiceFinal, filaEsperaFiltrada.length)} de {filaEsperaFiltrada.length}
-
)}
-
-
-
-
-
+ ))
+ ) : (
+
+
Nenhuma consulta agendada.
+
+ )}
+
+
+
Realizado
+
Confirmado
+
Agendado
+
Cancelado
+
+
+
+
{currentDate.format('MMMM [de] YYYY')}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {weekDays.map(day => (
+
{day}
+ ))}
+ {dateGrid.map((day, index) => {
+ const appointmentsOnDay = DictAgendamentosOrganizados[day.format('YYYY-MM-DD')] || [];
+ const cellClasses = `day-cell ${
+ day.isSame(currentDate, 'month') ? 'current-month' : 'other-month'
+ } ${day.isSame(dayjs(), 'day') ? 'today' : ''} ${
+ day.isSame(selectedDay, 'day') ? 'selected' : ''
+ }`;
+ return (
+
handleDateClick(day)}
+ >
+
{day.format('D')}
+ {appointmentsOnDay.length > 0 && (
+
{appointmentsOnDay.length}
+ )}
+
+ );
+ })}
+
+
) : (
-
-
+
+
+
+
+
+
Fila de Espera
+
+
+
+
+ Filtros
+
+
+ setWaitlistSearch(e.target.value)}
+ />
+
+ Digite o nome do paciente, CPF ou nome do médico
+
+
+
+
+ Ordenar por:
+ {(() => {
+ const sortValue = waitSortKey ? `${waitSortKey}-${waitSortDir}` : '';
+ return (
+
+ );
+ })()}
+
+
+
+
+ {filaEsperaFiltrada.length} DE {filaEsperaData.length} SOLICITAÇÕES ENCONTRADAS
+
+
+
+
+
+
+
+
+ | Nome do Paciente |
+ CPF |
+ Médico Solicitado |
+ Data da Solicitação |
+ Ações |
+
+
+
+ {filaEsperaPaginada.length > 0 ? (
+ filaEsperaPaginada.map((item, index) => (
+
+ | {item?.Infos?.paciente_nome} |
+ {item?.Infos?.paciente_cpf} |
+ {item?.Infos?.nome_medico} |
+ {dayjs(item.agendamento.scheduled_at).format('DD/MM/YYYY')} |
+
+
+ |
+
+ ))
+ ) : (
+
+
+
+ {showSpinner ? (
+
+ ) : (
+ <>
+
+ Nenhuma solicitação encontrada.
+
+ )}
+ |
+
+ )}
+
+
+
+ {filaEsperaFiltrada.length > 0 && (
+
+
+ Itens por página:
+
+
+
+
+ Página {waitPage} de {waitTotalPages} • Mostrando {waitIndiceInicial + 1}-{Math.min(waitIndiceFinal, filaEsperaFiltrada.length)} de {filaEsperaFiltrada.length}
+
+
+
+
+ )}
+
+
+
+
+
)}
- {showDeleteModal &&
}
- {showConfirmModal &&
}
+
- )
-}
-
+ ) : (
+
+ )}
+
+ {showDeleteModal &&
}
+ {showConfirmModal &&
}
+
+ );
+};
+
export default Agendamento;
diff --git a/src/pages/style/Agendamento.css b/src/pages/style/Agendamento.css
index a5e90b2..6a4964f 100644
--- a/src/pages/style/Agendamento.css
+++ b/src/pages/style/Agendamento.css
@@ -268,3 +268,36 @@
align-items: center;
justify-content: center;
}
+.container-btns-agenda-fila_esepera {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 15px 0 20px;
+}
+
+.tabs-agenda-fila {
+ display: flex;
+ gap: 10px;
+}
+
+.btns-gerenciamento-e-consulta {
+ display: flex;
+ gap: 10px;
+}
+.container-btns-agenda-fila_esepera {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0 0 8px;
+}
+
+
+.calendario-ou-filaespera {
+ margin-top: 0;
+ padding-top: 0;
+}
+
+
+.calendar-wrapper {
+ margin-top: 0;
+}
\ No newline at end of file