Agendar nova consulta
- - - - - - {!PageNovaConsulta ? ( -
-
-
-
-
@@ -69,29 +54,29 @@ const Details = () => {
-
-
-
-
-
-
+ ) : (
+ {
+ setPageConsulta(false);
+ fetchAppointments();
+ }}
+ />
+ )}
+ {showDeleteModal &&
- ) : (
-
-
-
-
-
-
-
+ return (
+ Realizado
- Confirmado
- Agendado
- Cancelado
-
+
-
- Agendar nova consulta
+
+
+
+
+
+ {!PageNovaConsulta ? (
+
+ {user?.role !== 'doctor' && (
+
+ {!FiladeEspera ? (
+
-
- {tabela === "diario" &&
+
+ )}
+
+
+
+
+
+
+ {searchTermDoctor && FiltredTodosMedicos.length > 0 && (
+
+ handleSearchMedicos(e.target.value)} />
+
+
+ {FiltredTodosMedicos.map((medico) => (
+
+ )}
+ {
+ setSearchTermDoctor(medico.nomeMedico);
+ setFiltredTodosMedicos([]);
+ setMedicoFiltrado({ id: medico.idMedico });
+ }}
+ >
+
+ ))}
+ {medico.nomeMedico}
+
+
+
+
+
+
+ ) : (
+
+
+
+ {selectedDay.format('MMM')}{selectedDay.format('DD')}
+ {selectedDay.format('dddd')}
{selectedDay.format('D [de] MMMM [de] YYYY')}
+
+ Consultas para {selectedDay.format('DD/MM')}
+ {showSpinner ?
+
+ ))
+ ) : ({dayjs(app.scheduled_at).format('HH:mm')}
+ {app.paciente_nome}Dr(a). {app.medico_nome}
+
+ {app.status === 'cancelled' ? (
+
+ ) : (
+
+ )}
+ {app.status !== 'cancelled' && (
+
+ )}
+
+ Nenhuma consulta agendada.
+
+
+
+ Realizado
+ Confirmado
+ Agendado
+ Cancelado
+
+
+
+
+ {currentDate.format('MMMM [de] YYYY')}
+
+
+
+
+
+
+
+
+
+
+
+ {weekDays.map(day =>
+ {day}
)}
+ {dateGrid.map((day, index) => {
+ const dayString = day.format('YYYY-MM-DD');
+ const appointmentsOnDay = DictAgendamentosOrganizados[dayString] || [];
+ const filteredAppointments = appointmentsOnDay.filter(app => MedicoFiltrado.id === "vazio" || app.doctor_id === MedicoFiltrado.id);
+ 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')}
+ {filteredAppointments.length > 0 &&
+ );
+ })}
+ {filteredAppointments.length}
}
+
+
+
+
+ )}
+
+
+
+
+ Fila de Espera
+
+
+
+ Filtros
+ setWaitlistSearch(e.target.value)} />Digite o nome do paciente, CPF ou nome do médico
+
+
+
+ Ordenar por:
+
+
+
+
+ {filaEsperaFiltrada.length} DE {filaEsperaData.length} SOLICITAÇÕES ENCONTRADAS
+
+
+
+
+ {filaEsperaFiltrada.length > 0 && (
+
+ | Nome do Paciente | +CPF | +Médico Solicitado | +Data da Solicitação | +Ações | +
|---|---|---|---|---|
| {item?.Infos?.paciente_nome} | +{item?.Infos?.paciente_cpf} | +{item?.Infos?.medico_nome} | +{dayjs(item.agendamento.scheduled_at).format('DD/MM/YYYY')} | ++ + | +
|
+
+ {showSpinner ?
+ Nenhuma solicitação encontrada. )} + |
+ ||||
+
+ )}
+
+ Itens por página:
+
+
+
+ Página {waitPage} de {waitTotalPages} • Mostrando {waitIndiceInicial + 1}-{Math.min(waitIndiceFinal, filaEsperaFiltrada.length)} de {filaEsperaFiltrada.length}
+
+
+
- e.target.classList.contains("modal") && setShowDeleteModal(false)
- }
- >
-
)}
-
- {showDeleteModal && (
-
-
-
-
-
-
-
-
- - Confirmação de edição -
- -
-
-
- - Tem certeza que deseja retirar o cancelamento ? -
-
-
-
-
-
-
-
-
- e.target.classList.contains("modal") && setShowDeleteModal(false)
- }
- >
-
-
@@ -285,4 +293,4 @@ const Details = () => {
);
};
-export default Details;
\ No newline at end of file
+export default Details;
diff --git a/src/pages/DoctorDetails.jsx b/src/pages/DoctorDetails.jsx
index 9a6a179..c0b9244 100644
--- a/src/pages/DoctorDetails.jsx
+++ b/src/pages/DoctorDetails.jsx
@@ -4,37 +4,24 @@ import { useParams,Link, useNavigate, useLocation } from "react-router-dom";
import { GetDoctorByID } from "../components/utils/Functions-Endpoints/Doctor";
import { useAuth } from "../components/utils/AuthProvider";
-const Details = () => {
+const DoctorDetails = ({DictInfo}) => {
const {getAuthorizationHeader} = useAuth();
- const [doctor, setDoctor] = useState({});
const Parametros = useParams()
const navigate = useNavigate();
const location = useLocation();
- const Voltar = () => {
+const navigateEdit = () => {
+ const prefixo = location.pathname.split("/")[1];
+ navigate(`/${prefixo}/medicos/edit`);
+ }
+
+
+
+const Voltar = () => {
const prefixo = location.pathname.split("/")[1];
navigate(`/${prefixo}/medicos`);
}
- const doctorID = Parametros.id
- useEffect(() => {
- if (!doctorID) return;
-
- const authHeader = getAuthorizationHeader()
-
- GetDoctorByID(doctorID, authHeader)
- .then((data) => {
- console.log(data, "médico vindo da API");
- setDoctor(data[0])
- ; // supabase retorna array
- })
- .catch((err) => console.error("Erro ao buscar paciente:", err));
-
-
- }, [doctorID]);
-
- //if (!doctor) return
-
-
-
)
}
-export default ConsultasPaciente;
\ No newline at end of file
+
+export default Agendamento;
diff --git a/src/components/AgendarConsulta/CalendarComponent.jsx b/src/components/AgendarConsulta/CalendarComponent.jsx
new file mode 100644
index 0000000..6d690f3
--- /dev/null
+++ b/src/components/AgendarConsulta/CalendarComponent.jsx
@@ -0,0 +1,165 @@
+import React, { useMemo } from 'react';
+import dayjs from 'dayjs';
+import { ChevronLeft, ChevronRight, Edit, Trash2 } from 'lucide-react';
+import Spinner from '../Spinner.jsx'; // Certifique-se de que o caminho está correto
+
+const CalendarComponent = ({
+ currentDate,
+ setCurrentDate,
+ selectedDay,
+ setSelectedDay,
+ DictAgendamentosOrganizados,
+ showSpinner,
+ setSelectedId,
+ setShowDeleteModal,
+ setShowConfirmModal,
+ quickJump,
+ handleQuickJumpChange,
+ applyQuickJump
+}) => {
+
+ // Gera os 42 dias para o grid do calendário
+ const generateDateGrid = () => {
+ const grid = [];
+ const startOfMonth = currentDate.startOf('month');
+ // Começa no domingo da semana em que o mês começa (day() retorna 0 para domingo)
+ let currentDay = startOfMonth.subtract(startOfMonth.day(), 'day');
+
+ // Gera 6 semanas (6*7 = 42 dias)
+ 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);
+ // Opcional: Adicionar lógica para abrir o agendamento do dia/semana/mês (sua primeira imagem)
+ // Se você quiser que o clique abra a tela de agendamento de slots:
+ // Exemplo: onSelectDate(day);
+ };
+
+ // Função para obter o status de agendamentos para o indicador (ponto azul)
+ const getAppointmentCount = (day) => {
+ return DictAgendamentosOrganizados[day.format('YYYY-MM-DD')]?.length || 0;
+ };
+
+ return (
+
-
-
+ )}
+ {}
-
-
- - Confirmação de Cancelamento -
- -
-
+ - Qual o motivo do cancelamento? -
-
-
-
+
+
+
+
+
+
+ {/* Painel lateral de informações */}
+
+ );
+};
+
+export default CalendarComponent;
\ No newline at end of file
diff --git a/src/components/AgendarConsulta/FormNovaConsulta.jsx b/src/components/AgendarConsulta/FormNovaConsulta.jsx
index 39575c2..0e84fa5 100644
--- a/src/components/AgendarConsulta/FormNovaConsulta.jsx
+++ b/src/components/AgendarConsulta/FormNovaConsulta.jsx
@@ -1,11 +1,12 @@
import InputMask from "react-input-mask";
import "./style/formagendamentos.css";
import { useState, useEffect, useCallback } from "react";
-import { GetPatientByCPF } from "../utils/Functions-Endpoints/Patient";
+import { GetPatientByCPF, GetAllPatients } from "../utils/Functions-Endpoints/Patient";
import { GetAllDoctors } from "../utils/Functions-Endpoints/Doctor";
import { useAuth } from "../utils/AuthProvider";
import API_KEY from "../utils/apiKeys";
+
const FormNovaConsulta = ({ onCancel, onSave, setAgendamento, agendamento }) => {
const { getAuthorizationHeader } = useAuth();
@@ -19,6 +20,10 @@ const FormNovaConsulta = ({ onCancel, onSave, setAgendamento, agendamento }) =>
const [horarioTermino, setHorarioTermino] = useState('');
const [horariosDisponiveis, sethorariosDisponiveis] = useState([]);
+ const [todosPacientes, setTodosPacientes] = useState([])
+ const [pacientesFiltrados, setPacientesFiltrados] = useState([])
+ const [isDropdownPacienteOpen, setIsDropdownPacienteOpen] = useState(false)
+
const [status, setStatus] = useState("confirmed")
let authHeader = getAuthorizationHeader()
@@ -70,6 +75,13 @@ const FormNovaConsulta = ({ onCancel, onSave, setAgendamento, agendamento }) =>
setTodosProfissionais(Medicos);
}, [authHeader]);
+ const ChamarPacientes = useCallback (async () => {
+ const Pacientes = await GetAllPatients(authHeader);
+ setTodosPacientes(Pacientes)
+ console.log("pacientes")
+ console.log(Pacientes)
+ }, [authHeader])
+
useEffect(() => {
console.log("Horario","tessssste" )
@@ -82,6 +94,11 @@ const FormNovaConsulta = ({ onCancel, onSave, setAgendamento, agendamento }) =>
ChamarMedicos();
}, [ChamarMedicos]);
+ useEffect(() => {
+
+ ChamarPacientes()
+ }, [ChamarPacientes])
+
useEffect(() => {
if (!agendamento.dataAtendimento || !agendamento.doctor_id) return;
@@ -126,6 +143,25 @@ const FormNovaConsulta = ({ onCancel, onSave, setAgendamento, agendamento }) =>
setIsDropdownOpen(filtered.length > 0);
};
+ const handleSearchPaciente = (e) => {
+ const term = e.target.value;
+ handleChange(e);
+
+ if (term.trim() === '') {
+ setPacientesFiltrados([]);
+ setIsDropdownPacienteOpen(false);
+ return;
+ }
+
+ const filtered = todosPacientes.filter(p =>
+ p.full_name.toLowerCase().includes(term.toLowerCase())
+ );
+ console.log(filtered.length > 0, "filtrados")
+
+ setPacientesFiltrados(filtered);
+ setIsDropdownPacienteOpen(filtered.length > 0);
+ }
+
const handleSelectProfissional = (profissional) => {
setAgendamento(prev => ({
...prev,
@@ -136,6 +172,18 @@ const FormNovaConsulta = ({ onCancel, onSave, setAgendamento, agendamento }) =>
setIsDropdownOpen(false);
};
+ const handleSelectPaciente = (paciente) => {
+ setAgendamento(prev => ({
+ ...prev,
+ patient_id:paciente.id,
+ paciente_nome: paciente.full_name,
+ paciente_cpf: paciente.cpf
+ }))
+ setProfissionaisFiltrados([])
+ setIsDropdownPacienteOpen(false)
+
+ }
+
const formatarHora = (datetimeString) => {
return datetimeString?.substring(11, 16) || '';
};
@@ -195,7 +243,6 @@ const FormNovaConsulta = ({ onCancel, onSave, setAgendamento, agendamento }) =>
+
+
+ {/* Calendário Principal */}
+
+ {selectedDay.format('MMM')}
+ {selectedDay.format('DD')}
+
+
+
+ {selectedDay.format('dddd')}
+{selectedDay.format('D [de] MMMM [de] YYYY')}
+
+
+ Consultas para {selectedDay.format('DD/MM')}
+ {showSpinner ?
+
+ ))
+ ) : (
+ {dayjs(app.scheduled_at).format('HH:mm')}
+
+ {app.paciente_nome}
+ Dr(a). {app.medico_nome}
+
+
+ {app.status === 'cancelled' ? (
+
+ ) : (
+
+ )}
+
+ Nenhuma consulta agendada.
+ {/* Legenda */}
+
+
+
+
+ {/* Controles de navegação e Jump */}
+ Realizado
+ Confirmado
+ Agendado
+ Cancelado
+
+
+
+ {/* Grid dos dias */}
+
+
+
+ {currentDate.format('MMMM [de] YYYY')}
+
+
+
+
+
+
+
+
+
+
+
+ {weekDays.map(day =>
+ {day}
)}
+ {dateGrid.map((day, index) => {
+ const count = getAppointmentCount(day);
+ 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')}
+ {count > 0 &&
+ );
+ })}
+ {count}
}
+ Sucesso
-Agendamento salvo com sucesso!
@@ -211,17 +258,7 @@ const FormNovaConsulta = ({ onCancel, onSave, setAgendamento, agendamento }) =>Informações do paciente
-
+
+
@@ -320,29 +383,6 @@ const FormNovaConsulta = ({ onCancel, onSave, setAgendamento, agendamento }) =>
-
-
-
-
+
name="paciente_nome"
placeholder="Insira o nome do paciente"
required
+ onChange={(e) => handleSearchPaciente(e)}
+ value={agendamento?.paciente_nome || ""}
+ autoComplete="off"
+ />
+
+ {isDropdownPacienteOpen && pacientesFiltrados.length > 0 && (
+
+ {pacientesFiltrados.map((paciente) => (
+
+ )}
+ handleSelectPaciente(paciente)}
+ >
+ {`${paciente.full_name.split(" ")[0]} ${paciente.full_name.split(" ")[1]} - ${paciente.cpf}`}
+
+ ))}
+
+
+
-
-
-
-
-
-
- {sessoes}
- - -
);
};
-export default FormNovaConsulta;
\ No newline at end of file
+export default FormNovaConsulta;
diff --git a/src/components/AgendarConsulta/style/formagendamentos.css b/src/components/AgendarConsulta/style/formagendamentos.css
index 2e90f74..d3fc9ae 100644
--- a/src/components/AgendarConsulta/style/formagendamentos.css
+++ b/src/components/AgendarConsulta/style/formagendamentos.css
@@ -414,96 +414,248 @@ html[data-bs-theme="dark"] svg {
}
+/* ========== Modal Overlay ========== */
.modal-overlay {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
- z-index: 1000;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+ z-index: 9999;
+ animation: fadeIn 0.3s ease-in;
}
-.modal-content {
- background: white;
- padding: 2rem;
- border-radius: 12px;
- box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
- max-width: 400px;
- width: 90%;
- text-align: center;
- animation: modalAppear 0.3s ease-out;
-}
-
-@keyframes modalAppear {
+@keyframes fadeIn {
from {
opacity: 0;
- transform: scale(0.9) translateY(-20px);
}
to {
opacity: 1;
- transform: scale(1) translateY(0);
}
}
-.modal-header h3 {
- margin: 0 0 1rem 0;
- color: #28a745;
- font-size: 1.5rem;
- font-weight: 600;
+/* ========== Modal Content ========== */
+.modal-content {
+ background-color: #fff;
+ border-radius: 10px;
+ width: 400px;
+ max-width: 90%;
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
+ overflow: hidden;
+ animation: slideIn 0.3s ease-out;
}
-.modal-body {
- margin-bottom: 1.5rem;
+@keyframes slideIn {
+ from {
+ opacity: 0;
+ transform: translateY(-20px) scale(0.95);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0) scale(1);
+ }
}
-.modal-body p {
+/* ========== Modal Header ========== */
+.modal-header {
+ background-color: #1e3a8a;
+ padding: 15px 20px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.modal-header.success {
+ background-color: #1e3a8a !important;
+}
+
+.modal-header.error {
+ background-color: #dc3545 !important;
+}
+
+.modal-header .modal-title {
+ color: #fff;
margin: 0;
- color: #333;
- font-size: 1.1rem;
- line-height: 1.5;
+ font-size: 1.2rem;
+ font-weight: bold;
}
+.modal-close-btn {
+ background: none;
+ border: none;
+ font-size: 20px;
+ color: #fff;
+ cursor: pointer;
+ padding: 0;
+ width: 24px;
+ height: 24px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 4px;
+ transition: background-color 0.2s;
+}
+
+.modal-close-btn:hover {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+/* ========== Modal Body ========== */
+.modal-body {
+ padding: 25px 20px;
+ background: #fff;
+}
+
+.modal-body .modal-message {
+ color: #111;
+ font-size: 1.1rem;
+ margin: 0;
+ font-weight: 600;
+ line-height: 1.4;
+ text-align: center;
+}
+
+.modal-submessage {
+ color: #666;
+ font-size: 0.9rem;
+ margin: 10px 0 0 0;
+ line-height: 1.4;
+ text-align: center;
+}
+
+/* ========== Modal Footer ========== */
.modal-footer {
display: flex;
- justify-content: center;
+ justify-content: flex-end;
+ padding: 15px 20px;
+ border-top: 1px solid #ddd;
+ background: #fff;
}
-.modal-footer .btn-primary {
- background: #28a745;
- padding: 10px 24px;
+.modal-confirm-btn {
+ background-color: #1e3a8a;
+ color: #fff;
+ border: none;
+ padding: 8px 20px;
+ border-radius: 6px;
+ cursor: pointer;
font-size: 1rem;
- font-weight: 500;
+ font-weight: bold;
+ transition: all 0.2s ease;
}
-.modal-footer .btn-primary:hover {
- background: #218838;
+.modal-confirm-btn:hover {
+ background-color: #1e40af;
+ transform: translateY(-1px);
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+}
+
+.modal-confirm-btn.success {
+ background-color: #1e3a8a !important;
+}
+
+.modal-confirm-btn.success:hover {
+ background-color: #1e40af !important;
+}
+
+.modal-confirm-btn.error {
+ background-color: #dc3545 !important;
+}
+
+.modal-confirm-btn.error:hover {
+ background-color: #c82333 !important;
}
+/* ========== Dark Mode ========== */
html[data-bs-theme="dark"] .modal-content {
background: #232323 !important;
- color: #e0e0e0 !important;
- border: 1px solid #404053 !important;
+ border: 1px solid #404053;
}
-html[data-bs-theme="dark"] .modal-header h3 {
- color: #4ade80 !important;
+html[data-bs-theme="dark"] .modal-header {
+ background: #1e3a8a !important;
}
-html[data-bs-theme="dark"] .modal-body p {
+html[data-bs-theme="dark"] .modal-header.success {
+ background-color: #1e3a8a !important;
+}
+
+html[data-bs-theme="dark"] .modal-header.error {
+ background-color: #dc3545 !important;
+}
+
+html[data-bs-theme="dark"] .modal-header .modal-title,
+html[data-bs-theme="dark"] .modal-close-btn {
+ color: white !important;
+}
+
+html[data-bs-theme="dark"] .modal-body {
+ background: #232323 !important;
+}
+
+html[data-bs-theme="dark"] .modal-body .modal-message {
color: #e0e0e0 !important;
}
-html[data-bs-theme="dark"] .modal-footer .btn-primary {
- background: #16a34a !important;
+html[data-bs-theme="dark"] .modal-submessage {
+ color: #b0b7c3 !important;
}
-html[data-bs-theme="dark"] .modal-footer .btn-primary:hover {
- background: #15803d !important;
+html[data-bs-theme="dark"] .modal-footer {
+ background: #232323 !important;
+ border-top: 1px solid #404053;
+}
+
+html[data-bs-theme="dark"] .modal-confirm-btn {
+ background: #2563eb !important;
+}
+
+html[data-bs-theme="dark"] .modal-confirm-btn:hover {
+ background: #1e40af !important;
+}
+
+/* ========== Responsive ========== */
+@media (max-width: 768px) {
+ .modal-content {
+ width: 95%;
+ margin: 1rem;
+ }
+
+ .modal-body {
+ padding: 20px 15px;
+ }
+
+ .modal-message {
+ font-size: 1rem;
+ }
+}
+
+@media (max-width: 480px) {
+ .modal-header {
+ padding: 12px 15px;
+ }
+
+ .modal-header .modal-title {
+ font-size: 1.1rem;
+ }
+
+ .modal-body {
+ padding: 15px;
+ }
+
+ .modal-footer {
+ padding: 12px 15px;
+ }
+
+ .modal-confirm-btn {
+ padding: 6px 16px;
+ font-size: 0.9rem;
+ }
}
@@ -516,4 +668,25 @@ html[data-bs-theme="dark"] .modal-footer .btn-primary:hover {
html[data-bs-theme="dark"] .horario-termino-readonly {
background-color: #2d3748 !important;
color: #a0aec0 !important;
+}
+
+.campo-cpf{
+ margin-left: 40px;
+}
+
+input[name="paciente_cpf"]{
+ width: 12rem;
+}
+
+.dropdown-pacientes{
+ position: absolute;
+ top: 100%;
+ left: 0;
+
+ background-color: white;
+ border: 1px solid #ccc;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ z-index: 100;
+ max-height: 200px;
+ overflow-y: auto;
}
\ No newline at end of file
diff --git a/src/components/Estilo/Toggle.css b/src/components/Estilo/Toggle.css
new file mode 100644
index 0000000..731f0cf
--- /dev/null
+++ b/src/components/Estilo/Toggle.css
@@ -0,0 +1,339 @@
+/* ========== Variáveis CSS ========== */
+:root {
+ --toggle-bg: #ffffff;
+ --toggle-border: #e5e7eb;
+ --toggle-hover: #f3f4f6;
+ --toggle-active: #dbeafe;
+ --toggle-text: #1f2937;
+ --toggle-text-secondary: #374151;
+ --toggle-icon: #6b7280;
+ --toggle-accent: #2563eb;
+ --toggle-accent-hover: #1d4ed8;
+ --toggle-shadow: rgba(0, 0, 0, 0.05);
+ --toggle-shadow-hover: rgba(0, 0, 0, 0.1);
+}
+
+/* ========== Container Principal ========== */
+.toggle-sidebar-wrapper {
+ background: var(--toggle-bg);
+ border-radius: 12px;
+ border: 1px solid var(--toggle-border);
+ margin-bottom: 16px;
+ overflow-y: auto;
+ overflow-x: hidden;
+ box-shadow: 0 1px 3px var(--toggle-shadow);
+ transition: box-shadow 0.2s ease;
+ scrollbar-width: none;
+ -ms-overflow-style: none;
+}
+
+.toggle-sidebar-wrapper::-webkit-scrollbar {
+ display: none !important;
+ width: 0 !important;
+ height: 0 !important;
+}
+
+.toggle-sidebar-wrapper:hover {
+ box-shadow: 0 4px 6px var(--toggle-shadow-hover);
+}
+
+.container-title {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 14px 18px;
+ cursor: pointer;
+ background-color: var(--toggle-bg);
+ transition: background-color 0.2s ease;
+ border-bottom: 1px solid var(--toggle-border);
+}
+
+.container-title:hover {
+ background-color: var(--toggle-hover);
+}
+
+.toggle-title {
+ color: var(--toggle-text);
+ font-weight: 600;
+ font-size: 16px;
+ margin: 0;
+ user-select: none;
+ letter-spacing: -0.01em;
+}
+
+.toggle-arrow {
+ color: var(--toggle-icon);
+ transition: transform 0.2s ease;
+ font-size: 14px;
+}
+
+.container-title:hover .toggle-arrow {
+ color: var(--toggle-accent);
+}
+
+/* ========== Menu Lista ========== */
+.sidebar-menu-list {
+ list-style: none;
+ padding: 8px;
+ margin: 0;
+ overflow-y: auto;
+ overflow-x: hidden;
+ display: flex;
+ flex-direction: column;
+ min-height: 100%;
+
+ /* Scroll invisível mas funcional */
+ scrollbar-width: none;
+ -ms-overflow-style: none;
+}
+
+.sidebar-menu-list::-webkit-scrollbar {
+ display: none !important;
+ width: 0 !important;
+ height: 0 !important;
+}
+
+.sidebar-item {
+ list-style: none;
+ margin: 2px 0;
+}
+
+/* ========== Links da Sidebar ========== */
+.sidebar-link {
+ display: flex;
+ align-items: center;
+ text-decoration: none;
+ color: var(--toggle-text-secondary);
+ padding: 11px 14px;
+ border-radius: 8px;
+ font-size: 15px;
+ width: 100%;
+ text-align: left;
+ border: none;
+ background: none;
+ cursor: pointer;
+ font-weight: 500;
+ transition: none;
+ gap: 12px;
+}
+
+.sidebar-link i {
+ font-size: 19px;
+ color: var(--toggle-icon);
+ transition: none;
+}
+
+.sidebar-link:hover {
+ background-color: var(--toggle-hover);
+ color: var(--toggle-text);
+}
+
+.sidebar-link:hover i {
+ color: var(--toggle-accent);
+}
+
+.sidebar-link.active {
+ background-color: var(--toggle-active);
+ color: var(--toggle-accent);
+ font-weight: 600;
+}
+
+.sidebar-link.active i {
+ color: var(--toggle-accent);
+}
+
+/* ========== Título da Sidebar ========== */
+.sidebar-title {
+ padding: 18px 14px 10px;
+ font-size: 13px;
+ color: var(--toggle-text-secondary);
+ text-transform: uppercase;
+ font-weight: 600;
+ letter-spacing: 0.05em;
+}
+
+/* ========== Itens com Submenu ========== */
+.sidebar-item.has-sub {
+ margin: 4px 0;
+}
+
+.sidebar-item.has-sub .sidebar-link {
+ position: relative;
+}
+
+.sidebar-item.has-sub .sidebar-link::after {
+ content: "\F285";
+ font-family: "bootstrap-icons";
+ margin-left: auto;
+ transition: transform 0.2s ease;
+ font-size: 12px;
+ color: var(--toggle-icon);
+}
+
+.sidebar-item.has-sub.active .sidebar-link::after {
+ transform: rotate(180deg);
+}
+
+.sidebar-item.has-sub .sidebar-link.submenu-active {
+ background-color: var(--toggle-hover);
+ color: var(--toggle-text);
+}
+
+.sidebar-item.has-sub .sidebar-link.submenu-active i {
+ color: var(--toggle-accent);
+}
+
+/* ========== Submenu ========== */
+.submenu {
+ list-style: none;
+ padding: 4px 0 4px 8px;
+ margin: 0;
+ max-height: 0;
+ overflow: hidden;
+ transition: max-height 0.3s ease;
+
+ /* Scroll invisível */
+ scrollbar-width: none;
+ -ms-overflow-style: none;
+}
+
+.submenu::-webkit-scrollbar {
+ display: none;
+}
+
+.sidebar-item.has-sub.active .submenu {
+ max-height: 1000px;
+ overflow: visible;
+}
+
+.submenu-item {
+ margin: 2px 0;
+}
+
+.submenu-item .sidebar-link {
+ padding: 9px 14px 9px 40px;
+ font-size: 14px;
+ position: relative;
+}
+
+.submenu-item .sidebar-link::before {
+ content: '';
+ position: absolute;
+ left: 22px;
+ top: 50%;
+ transform: translateY(-50%);
+ width: 5px;
+ height: 5px;
+ border-radius: 50%;
+ background-color: var(--toggle-icon);
+}
+
+.submenu-item .sidebar-link:hover::before {
+ background-color: var(--toggle-accent);
+}
+
+.submenu-item .sidebar-link.active::before {
+ background-color: var(--toggle-accent);
+}
+
+/* ========== Ícones e Indicadores ========== */
+.external-icon {
+ font-size: 11px;
+ margin-left: auto;
+ opacity: 0.6;
+ color: var(--toggle-icon);
+}
+
+.active-indicator {
+ display: none;
+}
+
+/* ========== Botão de Logout ========== */
+.logout-item {
+ margin-top: auto;
+ padding-top: 16px;
+ border-top: 1px solid var(--toggle-border);
+ position: sticky;
+ bottom: 0;
+ background: var(--toggle-bg);
+ z-index: 10;
+}
+
+.logout-button {
+ display: flex;
+ align-items: center;
+ text-decoration: none;
+ color: #dc3545;
+ padding: 11px 14px;
+ border-radius: 8px;
+ font-size: 15px;
+ width: 100%;
+ text-align: left;
+ border: none;
+ background: none;
+ cursor: pointer;
+ font-weight: 500;
+ transition: background-color 0.2s ease;
+ gap: 12px;
+}
+
+.logout-button i {
+ font-size: 19px;
+ color: #dc3545;
+}
+
+.logout-button:hover {
+ background-color: #fee;
+ color: #c82333;
+}
+
+.logout-button:hover i {
+ color: #c82333;
+}
+
+/* ========== Scroll Invisível mas Funcional ========== */
+/* Containers do Mazer template que envolvem o ToggleSidebar */
+#sidebar,
+#sidebar .sidebar-wrapper,
+#sidebar .sidebar-wrapper.active,
+.sidebar-wrapper,
+.sidebar-wrapper.active,
+.sidebar-menu,
+.sidebar-menu ul,
+.sidebar-menu ul.menu,
+ul.menu {
+ overflow-y: auto !important;
+ overflow-x: hidden !important;
+ scrollbar-width: none !important;
+ -ms-overflow-style: none !important;
+}
+
+#sidebar::-webkit-scrollbar,
+#sidebar .sidebar-wrapper::-webkit-scrollbar,
+#sidebar .sidebar-wrapper.active::-webkit-scrollbar,
+.sidebar-wrapper::-webkit-scrollbar,
+.sidebar-wrapper.active::-webkit-scrollbar,
+.sidebar-menu::-webkit-scrollbar,
+.sidebar-menu ul::-webkit-scrollbar,
+.sidebar-menu ul.menu::-webkit-scrollbar,
+ul.menu::-webkit-scrollbar {
+ display: none !important;
+ width: 0 !important;
+ height: 0 !important;
+ background: transparent !important;
+}
+
+/* ========== Dark Mode Support ========== */
+html[data-bs-theme="dark"] {
+ --toggle-bg: #1f2937;
+ --toggle-border: #374151;
+ --toggle-hover: #374151;
+ --toggle-active: #1e3a8a;
+ --toggle-text: #f9fafb;
+ --toggle-text-secondary: #d1d5db;
+ --toggle-icon: #9ca3af;
+ --toggle-accent: #60a5fa;
+ --toggle-accent-hover: #3b82f6;
+ --toggle-shadow: rgba(0, 0, 0, 0.3);
+ --toggle-shadow-hover: rgba(0, 0, 0, 0.5);
+}
diff --git a/src/components/Sidebar.jsx b/src/components/Sidebar.jsx
index e64a80f..006a396 100644
--- a/src/components/Sidebar.jsx
+++ b/src/components/Sidebar.jsx
@@ -1,7 +1,16 @@
import React, { useState, useEffect } from "react";
import { Link, useNavigate } from "react-router-dom";
-import TrocardePerfis from "./TrocardePerfis";
import MobileMenuToggle from "./MobileMenuToggle";
+import ToggleSidebar from "./ToggleSidebar";
+import { useAuth } from "./utils/AuthProvider";
+
+import PacienteItems from "../data/sidebar-items-paciente.json"
+import DoctorItems from "../data/sidebar-items-medico.json"
+import admItems from "../data/sidebar-items-adm.json"
+import SecretariaItems from "../data/sidebar-items-secretaria.json"
+import FinanceiroItems from "../data/sidebar-items-financeiro.json"
+
+import { UserInfos } from "./utils/Functions-Endpoints/General";
function Sidebar({ menuItems }) {
const [isActive, setIsActive] = useState(true);
@@ -9,6 +18,24 @@ function Sidebar({ menuItems }) {
const [isMobile, setIsMobile] = useState(false);
const [showLogoutModal, setShowLogoutModal] = useState(false);
const navigate = useNavigate();
+
+ const [roleUser, setRoleUser] = useState([])
+
+ const {getAuthorizationHeader} = useAuth();
+
+ const authHeader = getAuthorizationHeader();
+
+ let pathname = window.location.pathname.split("/")[1]
+
+
+// useEffect para definir quais toggle da sidebar devem aparecer
+ useEffect(() => {
+ let teste = localStorage.getItem("roleUser")
+ setRoleUser(teste)
+
+ }, [authHeader])
+
+
// Detecta se é mobile/tablet
useEffect(() => {
@@ -18,6 +45,7 @@ function Sidebar({ menuItems }) {
setIsActive(!mobile);
};
+
checkScreenSize();
window.addEventListener("resize", checkScreenSize);
return () => window.removeEventListener("resize", checkScreenSize);
@@ -91,6 +119,7 @@ function Sidebar({ menuItems }) {
const handleLogoutCancel = () => setShowLogoutModal(false);
+
const renderLink = (item) => {
if (item.url && item.url.startsWith("/")) {
return (
@@ -213,55 +242,41 @@ function Sidebar({ menuItems }) {
diff --git a/src/components/ToggleSidebar.jsx b/src/components/ToggleSidebar.jsx
new file mode 100644
index 0000000..01eca61
--- /dev/null
+++ b/src/components/ToggleSidebar.jsx
@@ -0,0 +1,139 @@
+import React from 'react'
+import { useState, useEffect } from 'react'
+import { Link, useLocation } from 'react-router-dom'
+import "./Estilo/Toggle.css"
+
+const ToggleSidebar = ({ perfil, items, defaultOpen = false }) => {
+ const [isOpen, setOpen] = useState(defaultOpen)
+ const [openSubmenu, setOpenSubmenu] = useState(null)
+ const [activeLink, setActiveLink] = useState('')
+ const location = useLocation()
+
+ useEffect(() => {
+ const currentPath = location.pathname
+ setActiveLink(currentPath)
+
+ const findActiveSubmenu = () => {
+ for (let item of items) {
+ if (item.submenu) {
+ const activeSubItem = item.submenu.find(subItem =>
+ subItem.url === currentPath
+ )
+ if (activeSubItem) {
+ setOpenSubmenu(item.key)
+ return
+ }
+ } else if (item.url === currentPath) {
+ setActiveLink(currentPath)
+ }
+ }
+ }
+
+ findActiveSubmenu()
+ }, [location.pathname, items])
+
+ const OpenClose = () => {
+ setOpen(!isOpen)
+ }
+
+ const handleSubmenuClick = (key) => {
+ setOpenSubmenu(openSubmenu === key ? null : key)
+ }
+
+ const isLinkActive = (url) => {
+ return activeLink === url
+ }
+
+ const renderLink = (item, isSubmenu = false) => {
+ const isActive = isLinkActive(item.url)
+ const linkClass = `sidebar-link ${isActive ? 'active' : ''} ${isSubmenu ? 'submenu-link' : ''}`
+
+ if (item.url && item.url.startsWith("/")) {
+ return (
+ !isSubmenu && setActiveLink(item.url)}
+ >
+ {item.icon && }
+ {item.name}
+ {isActive && }
+
+ )
+ }
+
+ return (
+
+ {item.icon && }
+ {item.name}
+
+
+ )
+ }
+
+ return (
+
-
- {menuItems &&
- menuItems.map((item, index) => {
- if (item.isTitle)
- return (
-
- - {item.name} - - ); - if (item.submenu) - return ( -
-
-
-
-
- {item.submenu.map((subItem, subIndex) => (
-
- - {renderLink(subItem)} - - ))} -
- );
+ {roleUser.includes("admin") &&
+ - - {renderLink(item)} - - ); - })} + {roleUser.includes("admin") || roleUser.includes("medico") ? +
- + +
+
+ )
+}
+
+export default ToggleSidebar
diff --git a/src/components/doctors/DoctorForm.jsx b/src/components/doctors/DoctorForm.jsx
index 8b74684..8f553ab 100644
--- a/src/components/doctors/DoctorForm.jsx
+++ b/src/components/doctors/DoctorForm.jsx
@@ -338,7 +338,6 @@ function DoctorForm({ onSave, onCancel, formData, setFormData, isLoading }) {
}
}
- alert("Médico salvo com sucesso!");
} catch (error) {
console.error("Erro ao salvar médico ou disponibilidade:", error);
alert("Erro ao salvar médico ou disponibilidade.");
diff --git a/src/components/patients/PatientForm.jsx b/src/components/patients/PatientForm.jsx
index c554020..ddb76e4 100644
--- a/src/components/patients/PatientForm.jsx
+++ b/src/components/patients/PatientForm.jsx
@@ -52,6 +52,8 @@ function PatientForm({ onSave, onCancel, formData, setFormData, isLoading }) {
}));
};
+
+
useEffect(() => {
const peso = parseFloat(formData.weight_kg);
const altura = parseFloat(formData.height_m);
@@ -63,9 +65,20 @@ function PatientForm({ onSave, onCancel, formData, setFormData, isLoading }) {
}
}, [formData.weight_kg, formData.height_m, setFormData]);
+ const handleCep = (value) => {
+ if(value.length === 8){
+ fetch(`https://viacep.com.br/ws/${value}/json/`)
+ .then(response => response.json())
+ .then(result => {setFormData(prev => ({...prev, street:result.logradouro,neighborhood:result.bairro,city:result.localidade,
+ state:result.estado
+
+ }))})
+ }
+ }
+
const handleChange = (e) => {
const { name, value, type, checked, files } = e.target;
-
+ console.log(name, value)
if (value && emptyFields.includes(name)) {
setEmptyFields(prev => prev.filter(field => field !== name));
}
@@ -101,8 +114,11 @@ function PatientForm({ onSave, onCancel, formData, setFormData, isLoading }) {
} else if (name.includes('weight_kg') || name.includes('height_m')) {
setFormData(prev => ({ ...prev, [name]: FormatPeso(value) }));
} else if (name === 'rn_in_insurance' || name === 'vip' || name === 'validadeIndeterminada') {
- setFormData(prev => ({ ...prev, [name]: checked }));
- } else {
+ setFormData(prev => ({ ...prev, [name]: checked }));
+ } else if(name === 'cep'){
+ handleCep(value)
+ setFormData(prev => ({...prev, [name]: value}))
+ }else {
setFormData(prev => ({ ...prev, [name]: value }));
}
};
@@ -189,9 +205,6 @@ function PatientForm({ onSave, onCancel, formData, setFormData, isLoading }) {
}
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
- if (!emailRegex.test(formData.email)) {
- throw new Error('Email inválido. Por favor, verifique o email digitado.');
- }
await onSave({ ...formData, bmi: parseFloat(formData.bmi) || null });
};
@@ -647,4 +660,4 @@ function PatientForm({ onSave, onCancel, formData, setFormData, isLoading }) {
);
}
-export default PatientForm;
\ No newline at end of file
+export default PatientForm;
diff --git a/src/components/utils/Functions-Endpoints/General.js b/src/components/utils/Functions-Endpoints/General.js
index 17b2711..1235901 100644
--- a/src/components/utils/Functions-Endpoints/General.js
+++ b/src/components/utils/Functions-Endpoints/General.js
@@ -38,4 +38,10 @@ const UserInfos = async (access_token) => {
}
};
-export { UserInfos };
\ No newline at end of file
+const SearchCep = async (cep) => {
+ fetch(`https://brasilapi.com.br/api/cep/v1/${cep}`)
+ .then(response => console.log(response))
+}
+
+
+export { UserInfos,SearchCep };
diff --git a/src/data/sidebar-items-adm.json b/src/data/sidebar-items-adm.json
index 4ab0555..5b4c554 100644
--- a/src/data/sidebar-items-adm.json
+++ b/src/data/sidebar-items-adm.json
@@ -1,8 +1,4 @@
[
- {
- "name": "Menu",
- "isTitle": true
- },
{
"name": "Lista de Pacientes",
"icon": "clipboard-heart-fill",
@@ -24,17 +20,10 @@
"name": "Relatórios",
"icon": "table",
"url": "/admin/laudo"
- },
-
- {
- "name": "Gestão de Usuários",
- "icon": "person-badge-fill",
- "url": "/admin/gestao"
- },
-
+ },
{
"name": "Painel Administrativo",
"icon": "file-bar-graph-fill",
"url": "/admin/painel"
}
-]
\ No newline at end of file
+]
diff --git a/src/data/sidebar-items-financeiro.json b/src/data/sidebar-items-financeiro.json
index dfce9bc..0495b53 100644
--- a/src/data/sidebar-items-financeiro.json
+++ b/src/data/sidebar-items-financeiro.json
@@ -1,8 +1,4 @@
[
- {
- "name": "Menu-Financeiro",
- "isTitle": true
- },
{
"name": "Controle Financeiro",
"icon": "cash-coin",
diff --git a/src/data/sidebar-items-medico.json b/src/data/sidebar-items-medico.json
index b22796a..0ededdb 100644
--- a/src/data/sidebar-items-medico.json
+++ b/src/data/sidebar-items-medico.json
@@ -1,14 +1,4 @@
[
- {
- "name": "Menu",
- "isTitle": true
- },
-
- {
- "name": "Prontuário",
- "icon": "calendar-plus-fill",
- "url": "/medico/prontuario"
- },
{
"name": "Seus Agendamentos",
"icon": "calendar",
diff --git a/src/data/sidebar-items-paciente.json b/src/data/sidebar-items-paciente.json
index bb15caf..d0442e4 100644
--- a/src/data/sidebar-items-paciente.json
+++ b/src/data/sidebar-items-paciente.json
@@ -1,13 +1,17 @@
[
-{
+ {
+ "name": "Início",
+ "icon": "house-fill",
+ "url": "/paciente"
+ },
+ {
"name": "Minhas consulta",
"icon": "calendar-plus-fill",
"url": "/paciente/agendamento"
},
-
{
"name": "Meus laudos",
"icon": "table",
"url": "/paciente/laudo"
}
-]
+]
\ No newline at end of file
diff --git a/src/data/sidebar-items-secretaria.json b/src/data/sidebar-items-secretaria.json
index afe9e0a..1d333fe 100644
--- a/src/data/sidebar-items-secretaria.json
+++ b/src/data/sidebar-items-secretaria.json
@@ -1,9 +1,4 @@
[
- {
- "name": "Menu",
- "isTitle": true
- },
-
{
"name":"Início",
"url": "/secretaria/",
@@ -25,11 +20,5 @@
"name": "Agendar consulta",
"icon": "calendar-plus-fill",
"url": "/secretaria/agendamento"
- },
-
- {
- "name": "Laudo do Paciente",
- "icon": "table",
- "url": "/secretaria/laudo"
}
-]
\ No newline at end of file
+]
diff --git a/src/pages/Agendamento.jsx b/src/pages/Agendamento.jsx
index 44e7e6a..89e9388 100644
--- a/src/pages/Agendamento.jsx
+++ b/src/pages/Agendamento.jsx
@@ -2,671 +2,461 @@ import React, { useState, useMemo, useEffect } from 'react';
import { useNavigate } from 'react-router-dom';
import API_KEY from '../components/utils/apiKeys.js';
import AgendamentoCadastroManager from './AgendamentoCadastroManager.jsx';
+import { GetPatientByID } from '../components/utils/Functions-Endpoints/Patient.js';
import TabelaAgendamentoDia from '../components/AgendarConsulta/TabelaAgendamentoDia';
import TabelaAgendamentoSemana from '../components/AgendarConsulta/TabelaAgendamentoSemana';
import TabelaAgendamentoMes from '../components/AgendarConsulta/TabelaAgendamentoMes';
import FormNovaConsulta from '../components/AgendarConsulta/FormNovaConsulta';
-// Importação de endpoints para lógica da Fila de Espera e Médicos (versão main)
-import { GetPatientByID } from '../components/utils/Functions-Endpoints/Patient.js';
import { GetAllDoctors, GetDoctorByID } from '../components/utils/Functions-Endpoints/Doctor.js';
-
import { useAuth } from '../components/utils/AuthProvider.js';
-// ✨ NOVO: Caminho de importação corrigido com base na sua estrutura de pastas
-import AgendamentosMes from '../components/AgendarConsulta/DadosConsultasMock.js';
-
import dayjs from 'dayjs';
+import 'dayjs/locale/pt-br';
+import isBetween from 'dayjs/plugin/isBetween';
+import localeData from 'dayjs/plugin/localeData';
+import { Search, ChevronLeft, ChevronRight, Edit, Trash2 } from 'lucide-react';
+import CalendarComponent from '../components/AgendarConsulta/CalendarComponent.jsx';
import "./style/Agendamento.css";
import './style/FilaEspera.css';
-import { Search } from 'lucide-react';
-
import Spinner from '../components/Spinner.jsx';
+dayjs.locale('pt-br');
+dayjs.extend(isBetween);
+dayjs.extend(localeData);
-
-const Agendamento = ({setDictInfo}) => {
- const navigate = useNavigate();
-
- const [listaTodosAgendamentos, setListaTodosAgendamentos] = useState([])
-
- const [selectedID, setSelectedId] = useState('0')
- const [filaEsperaData, setFilaEsperaData] = useState([])
- const [FiladeEspera, setFiladeEspera] = useState(false);
- const [tabela, setTabela] = useState('diario');
- const [PageNovaConsulta, setPageConsulta] = useState(false);
- const [searchTerm, setSearchTerm] = useState('');
- const [agendamentos, setAgendamentos] = useState()
- const {getAuthorizationHeader} = useAuth()
- const [DictAgendamentosOrganizados, setAgendamentosOrganizados ] = useState({})
-
- const [showDeleteModal, setShowDeleteModal] = useState(false)
- const [AgendamentoFiltrado, setAgendamentoFiltrado] = useState()
-
- const [ListaDeMedicos, setListaDeMedicos] = useState([])
- const [FiltredTodosMedicos, setFiltredTodosMedicos] = useState([])
- const [searchTermDoctor, setSearchTermDoctor] = useState('');
-
- const [MedicoFiltrado, setMedicoFiltrado] = useState({id:"vazio"})
-
-
- const [cacheAgendamentos, setCacheAgendamentos] = useState([])
-
- const [showConfirmModal, setShowConfirmModal] = useState(false)
- const [motivoCancelamento, setMotivoCancelamento] = useState("")
-
- const [listaConsultasID, setListaConsultaID] = useState([])
- const [coresConsultas,setCoresConsultas] = useState([])
-
- const [showSpinner,setShowSpinner] = useState(true)
+const Agendamento = ({ setDictInfo }) => {
+ const navigate = useNavigate();
+ const [listaTodosAgendamentos, setListaTodosAgendamentos] = useState([]);
+ const [selectedID, setSelectedId] = useState('0');
+ const [filaEsperaData, setFilaEsperaData] = useState([]);
+ const [FiladeEspera, setFiladeEspera] = useState(false);
+ const [PageNovaConsulta, setPageConsulta] = useState(false);
+ const [searchTerm, setSearchTerm] = useState('');
+ const { getAuthorizationHeader } = useAuth();
+ const [DictAgendamentosOrganizados, setAgendamentosOrganizados] = useState({});
+ const [showDeleteModal, setShowDeleteModal] = useState(false);
+ const [ListaDeMedicos, setListaDeMedicos] = useState([]);
+ const [FiltredTodosMedicos, setFiltredTodosMedicos] = useState([]);
+ const [searchTermDoctor, setSearchTermDoctor] = useState('');
+ const [MedicoFiltrado, setMedicoFiltrado] = useState({ id: "vazio" });
+ const [cacheAgendamentos, setCacheAgendamentos] = useState([]);
+ const [appointmentToEdit, setAppointmentToEdit] = useState(null);
+ const [showConfirmModal, setShowConfirmModal] = useState(false);
+ const [motivoCancelamento, setMotivoCancelamento] = useState("");
+ const [showSpinner, setShowSpinner] = useState(true);
+ const [waitlistSearch, setWaitlistSearch] = useState('');
+ const [waitSortKey, setWaitSortKey] = useState(null);
+ const [waitSortDir, setWaitSortDir] = useState('asc');
+ const [waitPage, setWaitPage] = useState(1);
+ const [waitPerPage, setWaitPerPage] = useState(10);
+ const authHeader = getAuthorizationHeader();
+ const cacheMedicos = useMemo(() => ({}), []);
+ const cachePacientes = useMemo(() => ({}), []);
+ const [currentDate, setCurrentDate] = useState(dayjs());
+ const [selectedDay, setSelectedDay] = useState(dayjs());
- let authHeader = getAuthorizationHeader()
-
-const cacheMedicos = {};
-const cachePacientes = {};
+ const [editingAppointmentId, setEditingAppointmentId] = useState(null);
+
+ const [quickJump, setQuickJump] = useState({
+ month: currentDate.month(),
+ year: currentDate.year()
+ });
-
-useMemo(() => {
- if (!listaTodosAgendamentos.length) return { agendamentosOrganizados: {}, filaEsperaData: [] };
-console.log("recarregando")
- const DictAgendamentosOrganizados = {};
- const ListaFilaDeEspera = [];
-
- const fetchDados = async () => {
- for (const agendamento of listaTodosAgendamentos) {
-
- // Cache de médico e paciente
- if (!cacheMedicos[agendamento.doctor_id]) {
- cacheMedicos[agendamento.doctor_id] = await GetDoctorByID(agendamento.doctor_id, authHeader);
+ const fetchAppointments = async () => {
+ const myHeaders = new Headers(); myHeaders.append("Authorization", authHeader); myHeaders.append("apikey", API_KEY);
+ const requestOptions = { method: 'GET', headers: myHeaders, redirect: 'follow' };
+ try {
+ const res = await fetch("https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/appointments?select=*", requestOptions);
+ const data = await res.json();
+ setListaTodosAgendamentos(data);
+ } catch (err) {
+ console.error('Erro ao buscar agendamentos', err);
}
- if (!cachePacientes[agendamento.patient_id]) {
- cachePacientes[agendamento.patient_id] = await GetPatientByID(agendamento.patient_id, authHeader);
- }
-
- const medico = cacheMedicos[agendamento.doctor_id];
- const paciente = cachePacientes[agendamento.patient_id];
-
- if (agendamento.status === "requested") {
- ListaFilaDeEspera.push({
- agendamento,
- Infos: {
- nome_medico: medico[0]?.full_name,
- doctor_id: medico[0]?.id,
- patient_id: paciente[0]?.id,
- paciente_nome: paciente[0]?.full_name,
- paciente_cpf: paciente[0]?.cpf,
-
- },
- });
- } else {
- const DiaAgendamento = agendamento.scheduled_at.split("T")[0];
-
- let agendamentoMelhorado = {...agendamento, medico_nome: medico[0]?.full_name,
- doctor_id: medico[0]?.id,
- patient_id: paciente[0]?.id,
- paciente_nome: paciente[0]?.full_name,
- paciente_cpf: paciente[0]?.cpf, }
-
- if (DiaAgendamento in DictAgendamentosOrganizados) {
- DictAgendamentosOrganizados[DiaAgendamento].push(agendamentoMelhorado);
- } else {
- DictAgendamentosOrganizados[DiaAgendamento] = [agendamentoMelhorado];
- }
- }
- }
-
- // Ordenar por data
- for (const DiaAgendamento in DictAgendamentosOrganizados) {
- DictAgendamentosOrganizados[DiaAgendamento].sort((a, b) => a.scheduled_at.localeCompare(b.scheduled_at));
- }
-
- const chavesOrdenadas = Object.keys(DictAgendamentosOrganizados).sort();
-
- const DictAgendamentosFinal = {};
- for (const data of chavesOrdenadas) {
- DictAgendamentosFinal[data] = DictAgendamentosOrganizados[data];
- }
-
- setAgendamentosOrganizados(DictAgendamentosFinal);
- setFilaEsperaData(ListaFilaDeEspera);
- };
-
- fetchDados();
-
- return { agendamentosOrganizados: DictAgendamentosOrganizados, filaEsperaData: ListaFilaDeEspera };
-}, [listaTodosAgendamentos]); // 👉 só recalcula quando a lista muda
-
-
- useEffect(() => {
- var myHeaders = new Headers();
- myHeaders.append("Authorization", authHeader);
- myHeaders.append("apikey", API_KEY)
-
- var requestOptions = {
- method: 'GET',
- headers: myHeaders,
- redirect: 'follow'
};
- fetch("https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/appointments?select&doctor_id&patient_id&status&scheduled_at&order&limit&offset", requestOptions)
- .then(response => response.json())
- .then(result => {setListaTodosAgendamentos(result);console.log(result)})
- .catch(error => console.log('error', error));
- const PegarTodosOsMedicos = async () => {
- let lista = []
- const TodosOsMedicos = await GetAllDoctors(authHeader)
-
- for(let d = 0; TodosOsMedicos.length > d; d++){
- lista.push({nomeMedico: TodosOsMedicos[d].full_name, idMedico: TodosOsMedicos[d].id })}
- setListaDeMedicos(lista)
- }
- PegarTodosOsMedicos()
-
- }, [])
-
-
-const deleteConsulta = (selectedPatientId) => {
- var myHeaders = new Headers();
- myHeaders.append("Content-Type", "application/json");
- myHeaders.append('apikey', API_KEY)
- myHeaders.append("authorization", authHeader)
-
-
- var raw = JSON.stringify({ "status":"cancelled",
- "cancellation_reason": motivoCancelamento
- });
-
-
- var requestOptions = {
- method: 'PATCH',
- headers: myHeaders,
- body: raw,
- redirect: 'follow'
- };
-
- fetch(`https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/appointments?id=eq.${selectedPatientId}`, requestOptions)
- .then(response => {if(response.status !== 200)(console.log(response))})
- .then(result => console.log(result))
- .catch(error => console.log('error', error));
-}
-
-const confirmConsulta = (selectedPatientId) => {
- var myHeaders = new Headers();
- myHeaders.append("Content-Type", "application/json");
- myHeaders.append('apikey', API_KEY)
- myHeaders.append("authorization", authHeader)
-
-
- var raw = JSON.stringify({ "status":"confirmed"
- });
-
-
- var requestOptions = {
- method: 'PATCH',
- headers: myHeaders,
- body: raw,
- redirect: 'follow'
- };
-
- fetch(`https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/appointments?id=eq.${selectedPatientId}`, requestOptions)
- .then(response => {if(response.status !== 200)(console.log(response))})
- .then(result => console.log(result))
- .catch(error => console.log('error', error));
-}
-
-
-
- const filteredAgendamentos = useMemo(() => {
- if (!searchTerm.trim()) {
- return AgendamentosMes;
- }
- const lowerCaseSearchTerm = searchTerm.toLowerCase();
- const filteredData = {};
-
- for (const semana in AgendamentosMes) {
- filteredData[semana] = {};
- for (const dia in AgendamentosMes[semana]) {
- filteredData[semana][dia] = AgendamentosMes[semana][dia].filter(agendamento =>
- agendamento.status === 'vazio' ||
- (agendamento.paciente && agendamento.paciente.toLowerCase().includes(lowerCaseSearchTerm))
- );
- }
- }
- return filteredData;
- }, [searchTerm]);
-
- const ListarDiasdoMes = (ano, mes) => {
- let segundas = []; let tercas = []; let quartas = []; let quintas = []; let sextas = []
- const base = dayjs(`${ano}-${mes}-01`)
- const DiasnoMes = base.daysInMonth()
- for (let d = 1; d <= DiasnoMes; d++) {
- const data = dayjs(`${ano}-${mes}-${d}`)
- const dia = data.format('dddd')
- switch (dia) {
- case 'Monday': segundas.push(d); break
- case 'Tuesday': tercas.push(d); break
- case 'Wednesday': quartas.push(d); break
- case 'Thursday': quintas.push(d); break
- case 'Friday': sextas.push(d); break
- default: break
- }
- }
- let ListaDiasDatas = {segundas:segundas,tercas:tercas,quartas: quartas,quintas: quintas,sextas: sextas}
- return ListaDiasDatas
- }
-
-
- useEffect(() => {
- console.log("mudou FiltredTodosMedicos:", FiltredTodosMedicos);
- if (MedicoFiltrado.id != "vazio" ) {
- const unicoMedico = MedicoFiltrado;
- console.log(unicoMedico)
- const idMedicoFiltrado = unicoMedico.idMedico;
- console.log(`Médico único encontrado: ${unicoMedico.nomeMedico}. ID: ${idMedicoFiltrado}`);
-
- const agendamentosDoMedico = filtrarAgendamentosPorMedico(
- DictAgendamentosOrganizados,
- idMedicoFiltrado
- );
- console.log(`Total de agendamentos filtrados para este médico: ${agendamentosDoMedico.length}`);
- console.log("Lista completa de Agendamentos do Médico:", agendamentosDoMedico);
-
- //FiltrarAgendamentos(agendamentosDoMedico)
-
- setListaTodosAgendamentos(agendamentosDoMedico)
-
- }
- }, [FiltredTodosMedicos, MedicoFiltrado]);
-
-const filtrarAgendamentosPorMedico = (dictAgendamentos, idMedicoFiltrado) => {
- setCacheAgendamentos(DictAgendamentosOrganizados);
-
- const todasAsListasDeAgendamentos = Object.values(dictAgendamentos);
- const todosOsAgendamentos = todasAsListasDeAgendamentos.flat();
-
- const agendamentosFiltrados = todosOsAgendamentos.filter(agendamento =>
- agendamento.doctor_id === idMedicoFiltrado
- );
-
- return agendamentosFiltrados;
-};
-
-const handleSearchMedicos = (term) => {
- setSearchTermDoctor(term);
- if (term.trim() === '') {
- if(MedicoFiltrado.id !== "vazio"){
- console.log("Medico escolhido, mas vai ser apagado")
- console.log(cacheAgendamentos, "cache ")
-
- }
-
-
- setFiltredTodosMedicos([]);
- setMedicoFiltrado({id:"vazio"})
+ const updateAppointmentStatus = async (id, updates) => {
+ const myHeaders = new Headers(); myHeaders.append("Authorization", authHeader); myHeaders.append("apikey", API_KEY); myHeaders.append("Content-Type", "application/json"); myHeaders.append("Prefer", "return=representation");
+ const requestOptions = { method: 'PATCH', headers: myHeaders, body: JSON.stringify(updates) };
- //2 FiltrarAgendamentos()
- return;
- }
- if (FiltredTodosMedicos.length === 1){
- setMedicoFiltrado({...FiltredTodosMedicos[0]})
- }
-
- const filtered = ListaDeMedicos.filter(medico =>
- medico.nomeMedico.toLowerCase().includes(term.toLowerCase())
- );
- setFiltredTodosMedicos(filtered);
-};
-
-useEffect(() => {
- setShowSpinner(false)
-},[filaEsperaData])
-
- return (
-
+
+
+ {isOpen && (
+ {perfil}
+ {isOpen + ? + : + } +-
+ {items.map((item, index) => {
+ if (item.isTitle) {
+ return (
+
- + {item.name} + + ) + } + + if (item.submenu) { + const isSubmenuActive = openSubmenu === item.key + return ( +
-
+
+
+
-
+ {item.submenu.map((subItem, subIndex) => (
+
- + {renderLink(subItem, true)} + + ))} +
+ )
+ }
+
+ return (
+ - + {renderLink(item)} + + ) + })} +
-
-
-
- Agendar nova consulta
- -
-
-
-
-
-
-
-
- {!PageNovaConsulta ? (
-
-
- {FiladeEspera === false ?
- (
-
-
- ) : (
-
-
- {/* Bloco de busca por médico */}
-
-
-
-
-
-
-
-
-
-
-
- {/* DROPDOWN (RENDERIZAÇÃO CONDICIONAL) */}
- {searchTermDoctor && FiltredTodosMedicos.length > 0 && (
-
- handleSearchMedicos(e.target.value)}
- />
-
-
- {FiltredTodosMedicos.map((medico) => (
-
- )}
- {
- setSearchTermDoctor(medico.nomeMedico);
- setFiltredTodosMedicos([]);
- setMedicoFiltrado(medico)
-
- }}
- >
-
- ))}
- {medico.nomeMedico}
-
-
-
-
-
-
-
- )
- :
- (
-
-
-
-
- {/* Componentes de Tabela - Adicionado props de delete da main */}
- {tabela === "diario" && }
- {tabela === 'mensal' && }
-
-
-
-
-
-
-
-
- Realizado
- Confirmado
- Agendado
- Cancelado
-
-
-
-
-
- )
+ try {
+ const response = await fetch(`https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/appointments?id=eq.${id}`, requestOptions);
+ if (response.ok) {
+ await fetchAppointments();
+ return true;
+ } else {
+ console.error('Erro ao atualizar agendamento:', await response.text());
+ return false;
}
-
- setSearchTerm(e.target.value)}
- />
-
- Fila de Espera
-| Nome do Paciente | {/* Ajustado o cabeçalho */} -CPF | {/* Ajustado o cabeçalho */} -Médico Solicitado | {/* Ajustado o cabeçalho */} -Data da Solicitação | {/* Ajustado o cabeçalho */} -Ações | -|
|---|---|---|---|---|---|
| {item.Infos?.paciente_nome} |
- {item.Infos?.paciente_cpf} |
- {item.Infos?.nome_medico} |
- {dayjs(item.agendamento.created_at).format('DD/MM/YYYY HH:mm')} | -
-
-
-
-
-
- |
- |
|
- |
- |||||
- e.target.classList.contains("modal") && setShowDeleteModal(false)
- }
- >
-
-
+ );
+
+
+ const ConfirmEditModal = () => (
+
-
-
+
-
-
- - Confirmação de Cancelamento -
- -
-
+ - Qual o motivo do cancelamento? -
-
-
-
+
+
+
+
+
+
+
+ );
+
+
+
+ return (
+
+
+
+
+
+
+ Confirmação de edição
+ +
+
+ Tem certeza que deseja retirar o cancelamento?
+ Isso reverterá o status do agendamento para Agendado. +
+
+
+
+
+
+ )
}
-
-export default Agendamento;
\ No newline at end of file
+
+export default Agendamento;
diff --git a/src/pages/AgendamentoCadastroManager.jsx b/src/pages/AgendamentoCadastroManager.jsx
index 881462e..76396e1 100644
--- a/src/pages/AgendamentoCadastroManager.jsx
+++ b/src/pages/AgendamentoCadastroManager.jsx
@@ -1,82 +1,182 @@
-import React from 'react'
-import FormNovaConsulta from '../components/AgendarConsulta/FormNovaConsulta'
-import API_KEY from '../components/utils/apiKeys'
-import { useAuth } from '../components/utils/AuthProvider'
-import { useEffect,useState } from 'react'
-import dayjs from 'dayjs'
-import { UserInfos } from '../components/utils/Functions-Endpoints/General'
-const AgendamentoCadastroManager = ({setPageConsulta, Dict}) => {
+import React, { useEffect, useState } from 'react';
+import FormNovaConsulta from '../components/AgendarConsulta/FormNovaConsulta';
+import API_KEY from '../components/utils/apiKeys';
+import { useAuth } from '../components/utils/AuthProvider';
+import dayjs from 'dayjs';
+import { UserInfos } from '../components/utils/Functions-Endpoints/General';
+import { toast } from 'react-toastify';
+const AgendamentoCadastroManager = ({ setPageConsulta, agendamentoInicial }) => {
- const {getAuthorizationHeader} = useAuth()
- const [agendamento, setAgendamento] = useState({status:'confirmed'})
- const [idUsuario, setIDusuario] = useState('0')
+ const { getAuthorizationHeader } = useAuth();
+
+ const [agendamento, setAgendamento] = useState({ status: 'agendado' });
+ const [idUsuario, setIDusuario] = useState('0');
+ const [isEditMode, setIsEditMode] = useState(false);
- let authHeader = getAuthorizationHeader()
+ let authHeader = getAuthorizationHeader();
+ useEffect(() => {
+
+
+ if (agendamentoInicial && agendamentoInicial.id) {
+
+ const scheduled_at = dayjs(agendamentoInicial.scheduled_at);
- useEffect(() => {
+ setAgendamento({
+ ...agendamentoInicial,
+
+ dataAtendimento: scheduled_at.format('YYYY-MM-DD'),
+ horarioInicio: scheduled_at.format('HH:mm'),
+
+
+ tipo_consulta: agendamentoInicial.appointment_type || 'Presencial',
+ convenio: agendamentoInicial.insurance_provider || 'Público',
+
+
+ paciente_nome: agendamentoInicial.paciente_nome || '',
+ paciente_cpf: agendamentoInicial.paciente_cpf || '',
+ medico_nome: agendamentoInicial.medico_nome || '',
+
+
+ patient_id: agendamentoInicial.patient_id,
+ doctor_id: agendamentoInicial.doctor_id,
+ status: agendamentoInicial.status,
+ });
+ setIsEditMode(true);
+
+ } else {
+
+ setAgendamento({
+ status: 'agendado',
+ patient_id: null,
+ doctor_id: null,
+ dataAtendimento: dayjs().format('YYYY-MM-DD'),
+ horarioInicio: '',
+ tipo_consulta: 'Presencial',
+ convenio: 'Público',
+ paciente_nome: '',
+ paciente_cpf: '',
+ medico_nome: ''
+ });
+ setIsEditMode(false);
+ }
- if(!Dict){setAgendamento({})}
- else{
- console.log(Dict)
- setAgendamento(Dict)
- }
-
- const ColherInfoUsuario =async () => {
- const result = await UserInfos(authHeader)
-
- setIDusuario(result?.profile?.id)
-
- }
- ColherInfoUsuario()
-
-
- }, [])
-
-
-
- const handleSave = (Dict) => {
- let DataAtual = dayjs()
+
+ const ColherInfoUsuario = async () => {
+ const result = await UserInfos(authHeader);
+ setIDusuario(result?.profile?.id);
+ };
+ ColherInfoUsuario();
+
+
+ }, [agendamentoInicial, authHeader]);
+ const handleSave = async (Dict) => {
var myHeaders = new Headers();
myHeaders.append("apikey", API_KEY);
myHeaders.append("Authorization", authHeader);
myHeaders.append("Content-Type", "application/json");
+ myHeaders.append("Prefer", "return=representation");
+
+ var raw = JSON.stringify({
+ "patient_id": Dict.patient_id,
+ "doctor_id": Dict.doctor_id,
+ "scheduled_at": `${Dict.dataAtendimento}T${Dict.horarioInicio}:00.000Z`,
+ "duration_minutes": Dict.duration_minutes || 30,
+ "appointment_type": Dict.tipo_consulta,
+ "insurance_provider": Dict.convenio,
+ "status": Dict.status || 'agendado',
+ "created_by": idUsuario,
+ "created_at": dayjs().toISOString(),
+
+ });
+
+ var requestOptions = {
+ method: 'POST',
+ headers: myHeaders,
+ body: raw,
+ redirect: 'follow'
+ };
+
+ try {
+ const response = await fetch("https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/appointments", requestOptions);
+ if (response.ok) {
+ toast.success("Agendamento criado com sucesso! ✅");
+ setPageConsulta(false);
+ } else {
+ const errorText = await response.text();
+ console.error('Erro ao cadastrar agendamento:', errorText);
+ toast.error(`Falha ao criar agendamento: ${JSON.parse(errorText)?.message || 'Erro desconhecido'}`);
+ }
+ } catch (error) {
+ console.error('Erro de rede:', error);
+ toast.error("Erro de rede ao salvar. ❌");
+ }
+ }
+ const handleUpdate = async (Dict) => {
+ const appointmentId = agendamentoInicial.id;
+
+ var myHeaders = new Headers();
+ myHeaders.append("apikey", API_KEY);
+ myHeaders.append("Authorization", authHeader);
+ myHeaders.append("Content-Type", "application/json");
+ myHeaders.append("Prefer", "return=representation");
- var raw = JSON.stringify({
-
- "patient_id": Dict.patient_id,
- "doctor_id": Dict.doctor_id,
- "scheduled_at": `${Dict.dataAtendimento}T${Dict.horarioInicio}:00.000Z`,
- "duration_minutes": 30,
- "appointment_type": Dict.tipo_consulta,
-
- "patient_notes": "",
- "insurance_provider": Dict.convenio,
- "status": Dict.status,
- "created_by": idUsuario
- });
-
- var requestOptions = {
- method: 'POST',
- headers: myHeaders,
- body: raw,
- redirect: 'follow'
- };
-
- fetch("https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/appointments", requestOptions)
- .then(response => response.text())
- .then(result => console.log(result))
- .catch(error => console.log('error', error));
-
- }
+ var raw = JSON.stringify({
+ "patient_id": Dict.patient_id,
+ "doctor_id": Dict.doctor_id,
+ "scheduled_at": `${Dict.dataAtendimento}T${Dict.horarioInicio}:00.000Z`,
+ "duration_minutes": Dict.duration_minutes || 30,
+ "appointment_type": Dict.tipo_consulta,
+ "insurance_provider": Dict.convenio,
+ "status": Dict.status,
+ "updated_at": dayjs().toISOString(),
+ "updated_by": idUsuario,
+ });
+
+ var requestOptions = {
+ method: 'PATCH',
+ headers: myHeaders,
+ body: raw,
+ redirect: 'follow'
+ };
+
+ try {
+ const response = await fetch(`https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/appointments?id=eq.${appointmentId}`, requestOptions);
+ if (response.ok) {
+ toast.success("Agendamento atualizado com sucesso! 📝");
+ setPageConsulta(false);
+ } else {
+ const errorText = await response.text();
+ console.error('Erro ao atualizar agendamento:', errorText);
+ toast.error(`Falha ao atualizar agendamento: ${JSON.parse(errorText)?.message || 'Erro desconhecido'}`);
+ }
+ } catch (error) {
+ console.error('Erro de rede:', error);
+ toast.error("Erro de rede ao atualizar. ❌");
+ }
+ }
+ const handleFormSubmit = (Dict) => {
+ if (isEditMode) {
+
+ handleUpdate(Dict);
+ } else {
+
+ handleSave(Dict);
+ }
+ }
- return (
- Agendar nova consulta
+
+ {/* LIMPA O OBJETO DE EDIÇÃO AO CLICAR EM "ADICIONAR" */}
+
+
+
+
+ {!PageNovaConsulta ? (
+
+
+ {FiladeEspera === false ? (
+
+
+ ) : (
+
+
+
+
+
+
+
+
+
+ {searchTermDoctor && FiltredTodosMedicos.length > 0 && (
+ handleSearchMedicos(e.target.value)} />
+
+ {FiltredTodosMedicos.map((medico) => (
)}
+ { setSearchTermDoctor(medico.nomeMedico); setFiltredTodosMedicos([]); setMedicoFiltrado(medico); }}>
))}{medico.nomeMedico}
+
+
+
+
+
+ ) : (
+
+
+
+ {selectedDay.format('MMM')}{selectedDay.format('DD')}
+ {selectedDay.format('dddd')}
{selectedDay.format('D [de] MMMM [de] YYYY')}
+
+ Consultas para {selectedDay.format('DD/MM')}
+ {showSpinner ?
+
+ ))) : ({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
+
+
+ {filaEsperaFiltrada.length > 0 && (
+ | Nome do Paciente | CPF | Médico Solicitado | Data da Solicitação | Ações |
|---|---|---|---|---|
| {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. )} | ||||
+
)}
+ Itens por página:
+ Página {waitPage} de {waitTotalPages} • Mostrando {waitIndiceInicial + 1}-{Math.min(waitIndiceFinal, filaEsperaFiltrada.length)} de {filaEsperaFiltrada.length}
+
- setPageConsulta(false)}/>
+ return (
+
- )
-}
-
-export default AgendamentoCadastroManager
\ No newline at end of file
+export default AgendamentoCadastroManager;
\ No newline at end of file
diff --git a/src/pages/Details.jsx b/src/pages/Details.jsx
index 4edc878..5734046 100644
--- a/src/pages/Details.jsx
+++ b/src/pages/Details.jsx
@@ -7,7 +7,7 @@ import { Link } from "react-router-dom";
import { useAuth } from "../components/utils/AuthProvider";
-const Details = () => {
+const Details = (DictInfo) => {
const parametros = useParams();
const {getAuthorizationHeader, isAuthenticated} = useAuth();
const [paciente, setPaciente] = useState({});
@@ -22,19 +22,29 @@ const Details = () => {
navigate(`/${prefixo}/pacientes`);
}
+
+const navigateEdit = () => {
+ const prefixo = location.pathname.split("/")[1];
+ navigate(`/${prefixo}/medicos/edit`);
+ }
+
+
+
+
+
useEffect(() => {
- if (!patientID) return;
+ if (!DictInfo) return;
console.log(patientID, 'teu id')
const authHeader = getAuthorizationHeader()
- GetPatientByID(patientID, authHeader)
+ GetPatientByID(DictInfo.DictInfo.id, authHeader)
.then((data) => {
console.log(data, "paciente vindo da API");
setPaciente(data[0]); // supabase retorna array
})
.catch((err) => console.error("Erro ao buscar paciente:", err));
- }, [patientID]);
+ }, [DictInfo]);
const handleDelete = async (anexoId) => {
@@ -82,11 +92,9 @@ const Details = () => {
+ {}
+ setPageConsulta(false)}
+ />
+
+ );
+};
- Carregando...
; - return ( <>
@@ -50,15 +37,13 @@ const Details = () => {
- {doctor.nome || "Nome Completo"}
-
{doctor.cpf || "CPF"}
+ {DictInfo.full_name || "Nome Completo"} +{DictInfo.cpf || "CPF"}
-
{doctor.full_name || "-"}
+{DictInfo.full_name || "-"}
-
{doctor.birth_date || "-"}
+{DictInfo.birth_date || "-"}
-
{doctor.cpf || "-"}
+{DictInfo.cpf || "-"}
-
{doctor.crm || "-"}
+{DictInfo.crm || "-"}
-
{doctor.crm_uf || "-"}
+{DictInfo.crm_uf || "-"}
-
{doctor.specialty || "-"}
+{DictInfo.specialty || "-"}