-
-
-
-
-
-
{Dia ? formatarDataComDia(Dia) : ''}
-
-
-
-
-
-
-
- | Horário |
- {} |
-
-
-
-
- {agendamentos[Dia]?.map((agendamento, index) => {
-
- let Data =agendamento.scheduled_at.split("T")
- let horario = Data[1].split(':')
- return(
-
-
- {`${horario[0]}:${horario[1]}`} |
-
-
-
-
- |
-
- )})}
- {showSpinner &&
-
- |
-
- |
-
- }
-
-
-
+
+
+
+
{currentDate.format('dddd, D [de] MMMM [de] YYYY')}
+
+
+
+ {renderTimeSlots()}
+
);
-}
+};
+
export default TabelaAgendamentoDia;
\ No newline at end of file
diff --git a/src/pages/medico/AgendamentoMedico.jsx b/src/pages/medico/AgendamentoMedico.jsx
new file mode 100644
index 0000000..28e8fb6
--- /dev/null
+++ b/src/pages/medico/AgendamentoMedico.jsx
@@ -0,0 +1,142 @@
+// MedicoAgendamento.jsx
+
+import { useState, useMemo, useEffect } from 'react';
+import { useAuth } from '../../_assets/utils/AuthProvider.js';
+
+import CalendarComponent from '../../components/agendamento/Calendario.jsx';
+import TabelaAgendamentoDia from '../../components/agendamento/TabelaAgendamentoDia';
+
+import dayjs from 'dayjs';
+dayjs.locale('pt-br');
+
+const MedicoAgendamento = () => {
+ const { getAuthorizationHeader, user } = useAuth();
+ const [currentDate, setCurrentDate] = useState(dayjs());
+ const [selectedDay, setSelectedDay] = useState(dayjs());
+ const [DictAgendamentosOrganizados, setAgendamentosOrganizados] = useState({});
+ const [showSpinner, setShowSpinner] = useState(true);
+ const [modoVisualizacao, setModoVisualizacao] = useState('Dia');
+
+
+ const [quickJump, setQuickJump] = useState({
+ month: currentDate.month(),
+ year: currentDate.year()
+ });
+
+ const handleQuickJumpChange = (type, value) => {
+ setQuickJump(prev => ({ ...prev, [type]: Number(value) }));
+ };
+
+ const applyQuickJump = () => {
+ let newDate = dayjs().year(quickJump.year).month(quickJump.month).date(1);
+ setCurrentDate(newDate);
+ setSelectedDay(newDate);
+ };
+
+
+ const [selectedID, setSelectedId] = useState('0');
+ const [showDeleteModal, setShowDeleteModal] = useState(false);
+ const [showConfirmModal, setShowConfirmModal] = useState(false); t
+
+
+ useEffect(() => {
+
+ const mockAgendamentos = {
+ [dayjs().format('YYYY-MM-DD')]: [
+ { id: 1, scheduled_at: dayjs().set('hour', 10).set('minute', 0).toISOString(), paciente_nome: "Paciente Teste 1", medico_nome: "Dr. Mock", status: "agendado" },
+ { id: 2, scheduled_at: dayjs().set('hour', 11).set('minute', 30).toISOString(), paciente_nome: "Paciente Teste 2", medico_nome: "Dr. Mock", status: "confirmed" },
+ ],
+
+ '2025-10-27': [
+ { id: 3, scheduled_at: '2025-10-27T19:30:00Z', paciente_nome: 'Davi Andrade', medico_nome: 'Dr. João', status: 'agendado' },
+ { id: 4, scheduled_at: '2025-10-27T20:00:00Z', paciente_nome: 'Davi Andrade', medico_nome: 'Dr. João', status: 'agendado' },
+ { id: 5, scheduled_at: '2025-10-27T21:30:00Z', paciente_nome: 'Davi Andrade', medico_nome: 'Dr. João', status: 'agendado' },
+ ]
+ };
+
+ const today = dayjs();
+ const startOfMonth = today.startOf('month');
+ const nov11 = startOfMonth.add(10, 'day').format('YYYY-MM-DD');
+
+
+ mockAgendamentos[nov11] = [
+ { id: 6, scheduled_at: `${nov11}T10:30:00Z`, paciente_nome: 'Paciente C', medico_nome: 'Isaac Kauã', status: 'agendado' },
+ { id: 7, scheduled_at: `${nov11}T11:00:00Z`, paciente_nome: 'João Gustavo', medico_nome: 'João Gustavo', status: 'agendado' },
+ { id: 8, scheduled_at: `${nov11}T12:30:00Z`, paciente_nome: 'João Gustavo', medico_nome: 'João Gustavo', status: 'agendado' },
+ { id: 9, scheduled_at: `${nov11}T15:00:00Z`, paciente_nome: 'Pedro Abravanel', medico_nome: 'Fernando Prichowski', status: 'agendado' },
+ ];
+
+
+ setAgendamentosOrganizados(mockAgendamentos);
+ setShowSpinner(false);
+ }, []);
+
+
+ const handleSelectSlot = (timeSlot, doctorId) => {
+ alert(`Abrir tela de Nova Consulta para o dia ${selectedDay.format('DD/MM/YYYY')} às ${timeSlot} com o Médico ID: ${doctorId}`);
+
+ };
+
+ const isMedico = true;
+ const medicoLogadoID = user?.doctor_id || "ID_MEDICO_DEFAULT";
+
+ return (
+
+
Agenda do Médico: {user?.full_name || "Nome do Médico"}
+
+
+
+
+
+
+
+
+
+
+
+
+ {}
+
+
+
+
+ {}
+
+ {modoVisualizacao === 'Dia' && (
+
+ )}
+ {}
+ {}
+ {}
+
+
+
+ );
+};
+
+export default MedicoAgendamento;
\ No newline at end of file
diff --git a/src/pages/paciente/DashboardPaciente.jsx b/src/pages/paciente/DashboardPaciente.jsx
new file mode 100644
index 0000000..a794da9
--- /dev/null
+++ b/src/pages/paciente/DashboardPaciente.jsx
@@ -0,0 +1,277 @@
+//inicioPaciente.jsx
+//Nesta página falta: ajustar caminho do CSS
+
+import { useState, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { FaCalendarAlt, FaCalendarCheck, FaFileAlt, FaUserMd, FaClock } from 'react-icons/fa';
+import { useAuth } from '../../_assets/utils/AuthProvider';
+import API_KEY from '../../_assets/utils/apiKeys';
+
+// import './style/inicioPaciente.css';
+
+function InicioPaciente() {
+ const navigate = useNavigate();
+ const { getAuthorizationHeader, isAuthenticated } = useAuth();
+ const [agendamentos, setAgendamentos] = useState([]);
+ const [medicos, setMedicos] = useState([]);
+ const [agendamentosComMedicos, setAgendamentosComMedicos] = useState([]);
+ const [loading, setLoading] = useState(true);
+ const [pacienteId, setPacienteId] = useState(null);
+
+ useEffect(() => {
+ const userId = localStorage.getItem('user_id') || localStorage.getItem('patient_id');
+ setPacienteId(userId);
+ }, []);
+
+ useEffect(() => {
+ const fetchMedicos = async () => {
+ try {
+ const authHeader = getAuthorizationHeader();
+
+ const myHeaders = new Headers();
+ myHeaders.append("apikey", API_KEY);
+ myHeaders.append("Authorization", authHeader);
+
+ const requestOptions = {
+ method: 'GET',
+ headers: myHeaders,
+ redirect: 'follow'
+ };
+
+ const response = await fetch("https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/doctors", requestOptions);
+
+ if (response.ok) {
+ const data = await response.json();
+ setMedicos(data);
+ console.log(' Médicos carregados:', data.length);
+ } else {
+ console.error(' Erro ao buscar médicos:', response.status);
+ }
+ } catch (error) {
+ console.error(' Erro ao buscar médicos:', error);
+ }
+ };
+
+ const fetchAgendamentos = async () => {
+ try {
+ const authHeader = getAuthorizationHeader();
+
+ const myHeaders = new Headers();
+ myHeaders.append("apikey", API_KEY);
+ myHeaders.append("Authorization", authHeader);
+
+ const requestOptions = {
+ method: 'GET',
+ headers: myHeaders,
+ redirect: 'follow'
+ };
+
+ // Buscar todos os agendamentos (depois filtraremos pelo paciente)
+ const response = await fetch("https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/appointments", requestOptions);
+
+ if (response.ok) {
+ const data = await response.json();
+ setAgendamentos(data);
+ console.log(' Agendamentos carregados:', data.length);
+ } else {
+ console.error(' Erro ao buscar agendamentos:', response.status);
+ }
+ } catch (error) {
+ console.error(' Erro ao buscar agendamentos:', error);
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ if (isAuthenticated) {
+ fetchMedicos();
+ fetchAgendamentos();
+ }
+ }, [isAuthenticated, getAuthorizationHeader]);
+
+ useEffect(() => {
+ if (agendamentos.length > 0 && medicos.length > 0) {
+ const agendamentosComNomes = agendamentos.map(agendamento => {
+ const medico = medicos.find(m => m.id === agendamento.doctor_id);
+ return {
+ ...agendamento,
+ nomeMedico: medico?.full_name || 'Médico não encontrado',
+ especialidadeMedico: medico?.specialty || ''
+ };
+ });
+ setAgendamentosComMedicos(agendamentosComNomes);
+ }
+ }, [agendamentos, medicos]);
+
+ const meusAgendamentos = agendamentosComMedicos.filter(a =>
+ pacienteId ? a.patient_id === pacienteId : true
+ );
+
+ const hoje = new Date();
+ hoje.setHours(0, 0, 0, 0);
+
+ const agendamentosFuturos = meusAgendamentos.filter(a => {
+ if (!a.scheduled_at) return false;
+ const dataAgendamento = new Date(a.scheduled_at);
+ return dataAgendamento >= hoje && a.status !== 'cancelled' && a.status !== 'completed';
+ }).sort((a, b) => new Date(a.scheduled_at) - new Date(b.scheduled_at));
+
+ const proximasConsultas = agendamentosFuturos.length;
+ const consultasHoje = agendamentosFuturos.filter(a => {
+ const dataAgendamento = new Date(a.scheduled_at);
+ dataAgendamento.setHours(0, 0, 0, 0);
+ return dataAgendamento.getTime() === hoje.getTime();
+ }).length;
+
+ const consultasPendentes = meusAgendamentos.filter(a =>
+ a.status === 'pending' || a.status === 'requested'
+ ).length;
+
+ const historicoConsultas = meusAgendamentos.filter(a =>
+ a.status === 'completed'
+ ).length;
+
+ return (
+
+
+
Bem-vindo ao MediConnect
+
Gerencie suas consultas e acompanhe seu histórico médico
+
+
+
+
+
+ Próximas Consultas
+ {proximasConsultas}
+
+
+
+
+
+
+
+
+ Consultas Hoje
+ {consultasHoje}
+
+
+
+
+
+
+
+
+ Aguardando
+ {loading ? '...' : consultasPendentes}
+
+
+
+
+
+
+
+
+ Realizadas
+ {historicoConsultas}
+
+
+
+
+
+
+
+
+
Acesso Rápido
+
+
navigate('/paciente/agendamento')}>
+
+
+ Minhas Consultas
+ Ver todos os agendamentos
+
+
+
+
navigate('/paciente/laudo')}>
+
+
+ Meus Laudos
+ Acessar documentos médicos
+
+
+
+
navigate('/paciente/agendamento')}>
+
+
+ Meus Médicos
+ Ver histórico de atendimentos
+
+
+
+
+
+
+
Próximas Consultas
+ {loading ? (
+
+
Carregando suas consultas...
+
+ ) : agendamentosFuturos.length > 0 ? (
+
+ {agendamentosFuturos.slice(0, 3).map(agendamento => (
+
+
+
+
+ {new Date(agendamento.scheduled_at).toLocaleTimeString('pt-BR', {
+ hour: '2-digit',
+ minute: '2-digit'
+ })}
+
+
+ {new Date(agendamento.scheduled_at).toLocaleDateString('pt-BR', {
+ day: '2-digit',
+ month: 'short',
+ year: 'numeric'
+ })}
+
+
+
+
+
+ Dr(a): {agendamento.nomeMedico}
+
+ {agendamento.especialidadeMedico && (
+
+ {agendamento.especialidadeMedico}
+
+ )}
+
+
+ {agendamento.status === 'scheduled' ? 'Confirmado' :
+ agendamento.status === 'pending' ? 'Aguardando' :
+ agendamento.status === 'requested' ? 'Solicitado' : agendamento.status}
+
+
+
+ ))}
+ {agendamentosFuturos.length > 3 && (
+
+ )}
+
+ ) : (
+
+
+
Você não tem consultas agendadas
+
+
+ )}
+
+
+ );
+}
+
+export default InicioPaciente;
\ No newline at end of file
diff --git a/src/perfis/Perfil_adm/PerfilAdmin.jsx b/src/perfis/Perfil_adm/PerfilAdmin.jsx
index 181145f..8d78ddf 100644
--- a/src/perfis/Perfil_adm/PerfilAdmin.jsx
+++ b/src/perfis/Perfil_adm/PerfilAdmin.jsx
@@ -3,6 +3,7 @@
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import { useState } from "react";
+
//Components
import Sidebar from "../../components/Sidebar/Sidebar";
@@ -23,9 +24,11 @@ import PainelAdministrativo from '../../pages/admin/PainelAdmin';
//Data
import admItems from "../../data/sidebar-items-adm.json";
-function PerfilAdmin() {
+function Perfiladm() {
+
const [DictInfo, setDictInfo] = useState({})
- return (
+
+ return (
@@ -34,12 +37,12 @@ function PerfilAdmin() {
} />
} />
} />
-
} />
-
} />
-
} />
-
} />
-
} />
-
} />
+
} />
+ } />
+ } />
+ } />
+ } />
+ } />
} />
} />
@@ -53,4 +56,4 @@ function PerfilAdmin() {
);
}
-export default PerfilAdmin;
\ No newline at end of file
+export default Perfiladm;
\ No newline at end of file
diff --git a/src/perfis/Perfil_paciente/Perfilpaciente.jsx b/src/perfis/Perfil_paciente/Perfilpaciente.jsx
index 68436f9..8ebb9ce 100644
--- a/src/perfis/Perfil_paciente/Perfilpaciente.jsx
+++ b/src/perfis/Perfil_paciente/Perfilpaciente.jsx
@@ -8,6 +8,7 @@ import { useState } from "react";
import Sidebar from "../../components/Sidebar/Sidebar";
//Pages
+import InicioPaciente from "../../pages/paciente/DashboardPaciente";
import LaudoManager from "../../pages/secretaria/CadastroLaudos";
import ConsultaCadastroManager from "../../pages/paciente/CadastroConsulta";
import ConsultasPaciente from "../../pages/paciente/ListaConsulta";
@@ -26,7 +27,7 @@ const [dadosConsulta, setConsulta] = useState({})
- } />
+ } />
} />
} />
} />
diff --git a/src/perfis/perfil_secretaria/PerfilSecretaria.jsx b/src/perfis/perfil_secretaria/PerfilSecretaria.jsx
index d25800d..f0218ec 100644
--- a/src/perfis/perfil_secretaria/PerfilSecretaria.jsx
+++ b/src/perfis/perfil_secretaria/PerfilSecretaria.jsx
@@ -31,18 +31,18 @@ function PerfilSecretaria({ onLogout }) {
return (
//
-
+
}/>
} />
} />
} />
- } />
+ } />
} />
} />
- } />
- } />
+ } />
+ } />
} />
} />
} />