- {availability.map((day, dayIndex) => {
- const isChecked = day.isChecked;
+
+ {availability.map((day, dayIndex) => (
+
+
handleDayCheck(dayIndex, day.isChecked)}
+ >
+
+
- const dayHeaderStyle = {
- display: "flex",
- alignItems: "center",
- justifyContent: "space-between",
- padding: "12px 0",
- borderBottom: "1px solid #e5e7eb",
- marginBottom: "16px",
- backgroundColor: isChecked ? "#1f2937" : "#f9fafb",
- borderRadius: "8px",
- paddingLeft: "16px",
- paddingRight: "16px",
- cursor: "pointer",
- transition: "background-color 0.2s",
- };
+ {day.isChecked && (
+
+
+ {day.blocos.map((bloco) => (
+
+
+
- return (
-
-
+
+
+
+ ))}
- {isChecked && (
-
- {day.blocos.length === 0 && (
-
- Nenhum bloco de horário definido.
-
- )}
-
-
- {day.blocos.map((bloco) =>
- renderTimeBlock(dayIndex, bloco)
- )}
-
-
-
-
- )}
+
- );
- })}
-
+ )}
+
+ ))}
);
};
diff --git a/src/pages/DisponibilidadesDoctorPage.jsx b/src/pages/DisponibilidadesDoctorPage.jsx
index e107595..3f2e27f 100644
--- a/src/pages/DisponibilidadesDoctorPage.jsx
+++ b/src/pages/DisponibilidadesDoctorPage.jsx
@@ -1,68 +1,75 @@
-import React, { useState, useEffect, useCallback } from "react";
+import React, { useState, useEffect, useCallback, useMemo } from "react";
import HorariosDisponibilidade from "../components/doctors/HorariosDisponibilidade";
-const ENDPOINT =
- "https://mock.apidog.com/m1/1053378-0-default/rest/v1/doctor_availability";
+import { useAuth } from "../components/utils/AuthProvider";
+import API_KEY from "../components/utils/apiKeys";
+import { GetAllDoctors } from "../components/utils/Functions-Endpoints/Doctor";
-const MEDICOS_MOCKADOS = [
- { id: 53, nome: "João Silva" },
- { id: 19, nome: "Ana Costa" },
- { id: 11, nome: "Pedro Santos" },
-];
+const ENDPOINT =
+ "https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/doctor_availability";
const diasDaSemana = ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"];
-const formatarDataHora = (isoString) => {
- if (!isoString) return "N/A";
- try {
- const data = new Date(isoString);
- // Usa o toLocaleTimeString para extrair hora e minuto
- return data.toLocaleTimeString("pt-BR", {
- hour: "2-digit",
- minute: "2-digit",
- timeZone: "UTC",
- });
- } catch {
- return "Data Inválida";
- }
-};
-
const DisponibilidadesDoctorPage = () => {
+ const { getAuthorizationHeader } = useAuth();
const [disponibilidades, setDisponibilidades] = useState([]);
const [loading, setLoading] = useState(false);
- const [filtroMedicoNome, setFiltroMedicoNome] = useState("");
- const [gerenciarModo, setGerenciarModo] = useState(false);
- const [editando, setEditando] = useState(null); // ID da disponibilidade sendo editada
+ const [doctors, setDoctors] = useState([]);
+ const [searchTerm, setSearchTerm] = useState("");
+ const [selectedDoctor, setSelectedDoctor] = useState(null);
+ const [editando, setEditando] = useState(null);
+ const [doctorsLoading, setDoctorsLoading] = useState(true);
- const encontrarMedicoIdPorNome = (nome) => {
- if (!nome) return null;
- const termo = nome.toLowerCase();
- const medico = MEDICOS_MOCKADOS.find((m) =>
- m.nome.toLowerCase().includes(termo)
- );
- return medico ? medico.id : null;
+ useEffect(() => {
+ const fetchDoctors = async () => {
+ try {
+ setDoctorsLoading(true);
+ const data = await GetAllDoctors();
+ console.log("Médicos recebidos:", data);
+ setDoctors(Array.isArray(data) ? data : []);
+ } catch (error) {
+ console.error("Erro ao carregar médicos:", error);
+ setDoctors([]);
+ } finally {
+ setDoctorsLoading(false);
+ }
+ };
+ fetchDoctors();
+ }, []);
+
+ const resolveAuthHeader = () => {
+ try {
+ const h = getAuthorizationHeader();
+ return h || "";
+ } catch {
+ return "";
+ }
};
- const fetchDisponibilidades = useCallback(async (nome) => {
- setLoading(true);
+ const getHeaders = () => {
+ const myHeaders = new Headers();
+ const authHeader = resolveAuthHeader();
+ if (authHeader) myHeaders.append("Authorization", authHeader);
+ myHeaders.append("Content-Type", "application/json");
+ if (API_KEY) myHeaders.append("apikey", API_KEY);
+ return myHeaders;
+ };
- const doctorId = encontrarMedicoIdPorNome(nome);
- if (!doctorId) {
- setLoading(false);
- return;
+ const fetchDisponibilidades = useCallback(async (doctorId = null) => {
+ setLoading(true);
+ let url = ENDPOINT;
+ if (doctorId) {
+ url += `?doctor_id=eq.${doctorId}&select=*&order=weekday.asc,start_time.asc`;
+ } else {
+ url += `?select=*&order=doctor_id.asc,weekday.asc,start_time.asc`;
}
try {
- const res = await fetch(`${ENDPOINT}?doctor_id=eq.${doctorId}`);
+ const res = await fetch(url, { method: "GET", headers: getHeaders() });
+ if (!res.ok) throw new Error(`Erro HTTP: ${res.status}`);
const data = await res.json();
-
- setDisponibilidades(
- Array.isArray(data)
- ? data
- : data && Array.isArray(data.items)
- ? data.items
- : []
- );
+ setDisponibilidades(Array.isArray(data) ? data : []);
} catch (e) {
console.error("Erro ao buscar disponibilidades:", e);
+ alert("Erro ao carregar disponibilidades");
setDisponibilidades([]);
} finally {
setLoading(false);
@@ -70,39 +77,32 @@ const DisponibilidadesDoctorPage = () => {
}, []);
useEffect(() => {
- if (!gerenciarModo && editando) {
- setEditando(null);
- }
- }, [gerenciarModo]);
-
- useEffect(() => {
- if (editando) return;
- if (filtroMedicoNome) {
- const timer = setTimeout(() => {
- fetchDisponibilidades(filtroMedicoNome);
- }, 300);
-
- return () => clearTimeout(timer);
+ if (selectedDoctor) {
+ fetchDisponibilidades(selectedDoctor.id);
} else {
- setDisponibilidades([]);
+ fetchDisponibilidades(null);
}
- }, [filtroMedicoNome, fetchDisponibilidades, editando]);
+ }, [selectedDoctor, fetchDisponibilidades]);
- const atualizarDisponibilidade = async (id, novoIntervalo) => {
+ const atualizarDisponibilidade = async (id, dadosAtualizados) => {
try {
const res = await fetch(`${ENDPOINT}?id=eq.${id}`, {
- method: "PUT",
- headers: { "Content-Type": "application/json" },
- body: JSON.stringify({ slot_minutes: novoIntervalo }),
+ method: "PATCH",
+ headers: getHeaders(),
+ body: JSON.stringify(dadosAtualizados),
});
if (res.ok) {
alert("Disponibilidade atualizada com sucesso!");
setEditando(null);
- fetchDisponibilidades(filtroMedicoNome);
+ if (selectedDoctor) fetchDisponibilidades(selectedDoctor.id);
+ else fetchDisponibilidades();
} else {
+ const errorData = await res.json();
+ console.error("Erro na resposta:", errorData);
alert("Erro ao atualizar disponibilidade");
}
- } catch {
+ } catch (error) {
+ console.error("Erro:", error);
alert("Falha ao conectar com o servidor");
}
};
@@ -111,118 +111,138 @@ const DisponibilidadesDoctorPage = () => {
if (!window.confirm("Deseja realmente excluir esta disponibilidade?"))
return;
try {
- const res = await fetch(`${ENDPOINT}?id=eq.${id}`, { method: "DELETE" });
+ const res = await fetch(`${ENDPOINT}?id=eq.${id}`, {
+ method: "DELETE",
+ headers: getHeaders(),
+ });
if (res.ok) {
- alert("Disponibilidade excluída!");
+ alert("Disponibilidade excluída com sucesso!");
setDisponibilidades((prev) => prev.filter((d) => d.id !== id));
} else {
+ const errorData = await res.json();
+ console.error("Erro na resposta:", errorData);
alert("Erro ao excluir disponibilidade");
}
- } catch {
+ } catch (error) {
+ console.error("Erro:", error);
alert("Erro ao conectar com o servidor");
}
};
- const disponibilidadeParaEdicao = editando
- ? disponibilidades.find((d) => d.id === editando)
- : null;
-
-const initialAvailabilityParaEdicao = diasDaSemana.map((dia, weekdayIndex) => {
- const blocosDoDia = disponibilidades
- .filter(d => d.weekday === weekdayIndex)
- .map(d => ({
- id: d.id,
- inicio: d.start_time
- ? new Date(d.start_time).toISOString().substring(11, 16)
- : "07:00",
- termino: d.end_time
- ? new Date(d.end_time).toISOString().substring(11, 16)
- : "17:00",
- isNew: false,
- slot_minutes: d.slot_minutes,
- }));
-
- return {
- dia,
- isChecked: blocosDoDia.length > 0,
- blocos: blocosDoDia,
- };
-});
+ const initialAvailabilityParaEdicao = useMemo(
+ () =>
+ diasDaSemana.map((dia, weekdayIndex) => {
+ const blocosDoDia = disponibilidades
+ .filter((d) => d.weekday === weekdayIndex && d.active !== false)
+ .map((d) => ({
+ id: d.id,
+ inicio: d.start_time ? d.start_time.substring(0, 5) : "07:00",
+ termino: d.end_time ? d.end_time.substring(0, 5) : "17:00",
+ isNew: false,
+ slot_minutes: d.slot_minutes || 30,
+ appointment_type: d.appointment_type || "presencial",
+ active: d.active !== false,
+ }));
+ return {
+ dia,
+ weekday: weekdayIndex,
+ isChecked: blocosDoDia.length > 0,
+ blocos: blocosDoDia,
+ };
+ }),
+ [disponibilidades]
+ );
const handleUpdateHorarios = (horariosAtualizados) => {
- console.log("Horários editados:", horariosAtualizados);
-
- setEditando(null);
- fetchDisponibilidades(filtroMedicoNome);
+ const bloco = horariosAtualizados
+ .flatMap((d) => d.blocos)
+ .find((b) => b.id === editando);
+ if (!bloco) return alert("Bloco não encontrado.");
+ const dadosAtualizados = {
+ start_time: bloco.inicio + ":00",
+ end_time: bloco.termino + ":00",
+ slot_minutes: bloco.slot_minutes,
+ appointment_type: bloco.appointment_type,
+ active: bloco.active,
+ };
+ atualizarDisponibilidade(editando, dadosAtualizados);
};
+ const filteredDoctors = useMemo(() => {
+ if (!searchTerm) return doctors;
+ return doctors.filter((doc) =>
+ doc.name.toLowerCase().includes(searchTerm.toLowerCase())
+ );
+ }, [doctors, searchTerm]);
+
return (
- {/* Cabeçalho */}
-
-
- Disponibilidades por Médico
-
+
+ Disponibilidades dos Médicos
+
- {/* Botão Voltar/Gerenciar */}
-