ajustes barra de busca

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 }) => {
           </tr>
         </thead>
         <tbody>
-          {/* ✨ 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) => (
             <tr key={index}>
               {/* Coluna de Segunda-feira */}

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 }) => {
           </tr>
         </thead>
         <tbody>
-          {/* ✨ 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 (
               <tr key={index}>
                 <td>{horarioDaLinha}</td>
-                {/* Renderiza o Card apenas se a consulta existir para aquele dia/horário */}
                 <td>{consultaSeg && <CardConsulta DadosConsulta={consultaSeg} />}</td>
                 <td>{consultaTer && <CardConsulta DadosConsulta={consultaTer} />}</td>
                 <td>{consultaQua && <CardConsulta DadosConsulta={consultaQua} />}</td>