diff --git a/src/components/AgendarConsulta/TabelaAgendamentoMes.jsx b/src/components/AgendarConsulta/TabelaAgendamentoMes.jsx index 30af0d09..7e404084 100644 --- a/src/components/AgendarConsulta/TabelaAgendamentoMes.jsx +++ b/src/components/AgendarConsulta/TabelaAgendamentoMes.jsx @@ -1,11 +1,10 @@ import React from 'react'; -// ✏️ REMOVIDO: A importação do mock não é mais necessária aqui. -// import AgendamentosMes from './DadosConsultasMock'; + import dayjs from "dayjs"; import CardConsulta from './CardConsulta'; import "./style/styleTabelas/tabelames.css"; -// ✨ MODIFICADO: Recebe 'agendamentos' como prop, além de 'ListarDiasdoMes' + const TabelaAgendamentoMes = ({ ListarDiasdoMes, agendamentos }) => { const dataHoje = dayjs(); @@ -33,8 +32,6 @@ const TabelaAgendamentoMes = ({ ListarDiasdoMes, agendamentos }) => { - {/* ✨ MODIFICADO: Itera sobre a prop 'agendamentos' em vez do mock importado. - O 'agendamentos &&' garante que o código não quebre se a prop ainda não chegou. */} {agendamentos && Object.entries(agendamentos).map(([semana, dias], index) => ( {/* Coluna de Segunda-feira */} diff --git a/src/components/AgendarConsulta/TabelaAgendamentoSemana.jsx b/src/components/AgendarConsulta/TabelaAgendamentoSemana.jsx index 5daf577e..3f3c2b61 100644 --- a/src/components/AgendarConsulta/TabelaAgendamentoSemana.jsx +++ b/src/components/AgendarConsulta/TabelaAgendamentoSemana.jsx @@ -1,25 +1,21 @@ import React from 'react'; -// ✏️ REMOVIDO: A importação do mock foi removida. -// import AgendamentosMes from './DadosConsultasMock'; import CardConsulta from './CardConsulta'; import "./style/styleTabelas/tabelasemana.css"; -// ✨ MODIFICADO: Recebe 'agendamentos' como prop + const TabelaAgendamentoSemana = ({ agendamentos }) => { - // ✨ MODIFICADO: Usa os dados da prop, com fallback para um objeto vazio para evitar erros. - // Continua usando a 'semana1' como no seu código original. + const agendamentoSemana = agendamentos?.semana1 || {}; - // Pega os agendamentos de cada dia, com fallback para um array vazio. + const agendamentosDeSegunda = agendamentoSemana.segunda || []; const agendamentosDeTerca = agendamentoSemana.terca || []; const agendamentosDeQuarta = agendamentoSemana.quarta || []; const agendamentosDeQuinta = agendamentoSemana.quinta || []; const agendamentosDeSexta = agendamentoSemana.sexta || []; - // ✨ LÓGICA MELHORADA: Calcula o número de linhas com base no dia com mais horários. - // Isso evita que a tabela quebre se um dia tiver mais horários que outro após a busca. + const numLinhas = Math.max( agendamentosDeSegunda.length, agendamentosDeTerca.length, @@ -42,22 +38,20 @@ const TabelaAgendamentoSemana = ({ agendamentos }) => { - {/* ✨ MODIFICADO: Itera com base no número de linhas calculado. */} {Array.from({ length: numLinhas }).map((_, index) => { - // Pega a consulta de cada dia para a linha atual (índice) + const consultaSeg = agendamentosDeSegunda[index]; const consultaTer = agendamentosDeTerca[index]; const consultaQua = agendamentosDeQuarta[index]; const consultaQui = agendamentosDeQuinta[index]; const consultaSex = agendamentosDeSexta[index]; - // Pega o horário da primeira consulta que existir na linha + const horarioDaLinha = consultaSeg?.horario || consultaTer?.horario || consultaQua?.horario || consultaQui?.horario || consultaSex?.horario; return ( {horarioDaLinha} - {/* Renderiza o Card apenas se a consulta existir para aquele dia/horário */} {consultaSeg && } {consultaTer && } {consultaQua && }