pequenas mudanaças na tabela de semana e mes

package.json

@@ -13,6 +13,7 @@
     "apexcharts": "^5.3.4",
     "bootstrap": "^5.3.8",
     "bootstrap-icons": "^1.13.1",
+    "dayjs": "^1.11.18",
     "flatpickr": "^4.6.13",
     "perfect-scrollbar": "^1.5.6",
     "quill": "^2.0.3",

src/components/AgendarConsulta/DadosConsultasMock.js

@@ -0,0 +1,65 @@
+let AgendamentosMes = {semana1:{
+    segunda:[   { horario: '07:00', medico: 'Rogerio Cena', paciente: 'Caio Miguel', status: 'marcado', motivo:'Consulta de Rotina' },
+    { horario: '07:10', satus:'vazio' },
+    { horario: '07:20', medico: 'Rogerio Cena', paciente: 'Ana Paula', status: 'cancelado', motivo:'Consulta de Rotina' },
+    { horario: '07:30', medico: 'Rogerio Cena', paciente: 'Bruno Lima', status: 'atendido', motivo:'Consulta de Rotina' },
+    { horario: '07:40', status:'vazio'  },
+    { horario: '07:50', medico: 'Rogerio Cena', paciente: 'Felipe Duarte', status: 'remarcado', motivo:'Consulta de Rotina' },
+    { horario: '08:00', medico: 'Rogerio Cena', paciente: 'Carolina Alves', status: 'marcado', motivo:'2 Exames' },
+    { horario: '08:10', medico: 'Rogerio Cena', paciente: 'Ricardo Gomes', status: 'em andamento', motivo:'retorno' },
+    { horario: '08:20', medico: 'Rogerio Cena', paciente: 'Tatiane Ramos', status: 'marcado', motivo: '' },
+    { horario: '08:30', medico: 'Rogerio Cena', paciente: 'Daniel Oliveira', status: 'atendido', motivo: '' }],
+
+    terca:[   { horario: '07:00', medico: 'Rogerio Cena', paciente: 'Caio Miguel', status: 'marcado', motivo:'Consulta de Rotina' },
+    { horario: '07:10', satus:'vazio' },
+    { horario: '07:20', medico: 'Rogerio Cena', paciente: 'Ana Paula', status: 'cancelado', motivo:'Consulta de Rotina' },
+    { horario: '07:30', medico: 'Rogerio Cena', paciente: 'Bruno Lima', status: 'atendido', motivo:'Consulta de Rotina' },
+    { horario: '07:40', status:'vazio'  },
+    { horario: '07:50', medico: 'Rogerio Cena', paciente: 'Felipe Duarte', status: 'remarcado', motivo:'Consulta de Rotina' },
+    { horario: '08:00', medico: 'Rogerio Cena', paciente: 'Carolina Alves', status: 'marcado', motivo:'2 Exames' },
+    { horario: '08:10', medico: 'Rogerio Cena', paciente: 'Ricardo Gomes', status: 'em andamento', motivo:'retorno' },
+    { horario: '08:20', medico: 'Rogerio Cena', paciente: 'Tatiane Ramos', status: 'marcado', motivo: '' },
+    { horario: '08:30', medico: 'Rogerio Cena', paciente: 'Daniel Oliveira', status: 'atendido', motivo: '' }],
+
+    quarta:{},
+
+    quinta:{},
+
+    sexta:{}
+
+
+}, semana2:{   segunda:[   { horario: '07:00', medico: 'Rogerio Cena', paciente: 'Caio Miguel', status: 'marcado', motivo:'Consulta de Rotina' },
+    { horario: '07:10', satus:'vazio' },
+    { horario: '07:20', medico: 'Rogerio Cena', paciente: 'Ana Paula', status: 'cancelado', motivo:'Consulta de Rotina' },
+    { horario: '07:30', medico: 'Rogerio Cena', paciente: 'Bruno Lima', status: 'atendido', motivo:'Consulta de Rotina' },
+    { horario: '07:40', status:'vazio'  },
+    { horario: '07:50', medico: 'Rogerio Cena', paciente: 'Felipe Duarte', status: 'remarcado', motivo:'Consulta de Rotina' },
+    { horario: '08:00', medico: 'Rogerio Cena', paciente: 'Carolina Alves', status: 'marcado', motivo:'2 Exames' },
+    { horario: '08:10', medico: 'Rogerio Cena', paciente: 'Ricardo Gomes', status: 'em andamento', motivo:'retorno' },
+    { horario: '08:20', medico: 'Rogerio Cena', paciente: 'Tatiane Ramos', status: 'marcado', motivo: '' },
+    { horario: '08:30', medico: 'Rogerio Cena', paciente: 'Daniel Oliveira', status: 'atendido', motivo: '' }],
+
+    terca:[   { horario: '07:00', medico: 'Rogerio Cena', paciente: 'Caio Miguel', status: 'marcado', motivo:'Consulta de Rotina' },
+    { horario: '07:10', satus:'vazio' },
+    { horario: '07:20', medico: 'Rogerio Cena', paciente: 'Ana Paula', status: 'cancelado', motivo:'Consulta de Rotina' },
+    { horario: '07:30', medico: 'Rogerio Cena', paciente: 'Bruno Lima', status: 'atendido', motivo:'Consulta de Rotina' },
+    { horario: '07:40', status:'vazio'  },
+    { horario: '07:50', medico: 'Rogerio Cena', paciente: 'Felipe Duarte', status: 'remarcado', motivo:'Consulta de Rotina' },
+    { horario: '08:00', medico: 'Rogerio Cena', paciente: 'Carolina Alves', status: 'marcado', motivo:'2 Exames' },
+    { horario: '08:10', medico: 'Rogerio Cena', paciente: 'Ricardo Gomes', status: 'em andamento', motivo:'retorno' },
+    { horario: '08:20', medico: 'Rogerio Cena', paciente: 'Tatiane Ramos', status: 'marcado', motivo: '' },
+    { horario: '08:30', medico: 'Rogerio Cena', paciente: 'Daniel Oliveira', status: 'atendido', motivo: '' }],
+
+    quarta:{},
+
+    quinta:{},
+
+    sexta:{}}
+
+
+
+
+}
+
+
+export default AgendamentosMes

src/components/AgendarConsulta/TabelaAgendamentoMes.jsx

@@ -1,26 +1,30 @@
 import React from 'react'
-
+import AgendamentosMes from './DadosConsultasMock'
 import dayjs from "dayjs"
 
-const TabelaAgendamentoMes = () => {
+const TabelaAgendamentoMes = ({ListarDiasdoMes}) => {
+
+  const agendamentosMes = [0,1,2,3,4,5]
+
+  
+
+
 
     const dataHoje = dayjs()
     const AnoAtual = dataHoje.year()
 
-    const  mes = dataHoje.getMonth()
+    const mes = dataHoje.month() + 1
-
-    console.log(AnoAtual)
-
-    //Domingo = 0
-    //Segunda =  1
-    //terça = 2
-    //quarta = 3
-    //quinta = 4
-    //sexta = 5
-    //Sabado = 6
 
+    let ListaDiasDatas = ListarDiasdoMes(AnoAtual, mes)
 
+    console.log(ListaDiasDatas)
 
+   let segundas = ListaDiasDatas[0];
+   let tercas = ListaDiasDatas[1];
+   let quartas = ListaDiasDatas[2];
+   let quintas = ListaDiasDatas[3];
+   let sextas = ListaDiasDatas[4]
+  
   return (
     <div>
         <table>
@@ -32,6 +36,16 @@ const TabelaAgendamentoMes = () => {
                 <th>Sex</th>
             </tr>
 
+            {agendamentosMes.map((semana, index) => (
+              
+              <tr key={semana}>
+                <td>{segundas[semana]}</td>
+                <td>{tercas[semana]}</td>
+                <td>{quartas[semana]}</td>
+                <td>{quintas[semana]}</td>
+                <td>{sextas[semana]}</td>                
+              </tr>
+            ))}
 
 
         </table>

src/components/AgendarConsulta/TabelaAgendamentoSemana.jsx

@@ -1,8 +1,42 @@
 import React from 'react'
-
+import Agendamento from '../../pages/Agendamento'
+import AgendamentosMes from './DadosConsultasMock'
 const TabelaAgendamentoSemana = () => {
+
+  let AgendamentosDesseMes = AgendamentosMes
+
+  let AgendamentoSemana = AgendamentosDesseMes.semana1
+
+  let AgendamentosdeSegunda = AgendamentoSemana.segunda
+  let AgendamentosdeTerca = AgendamentoSemana.terca
+  let AgendamentosdeQuarta = AgendamentoSemana.quarta
+  let AgendamentosdeQuinta = AgendamentoSemana.quinta
+  let AgendamentosdeSexta = AgendamentoSemana.sexta
+
+  
   return (
-    <div>TabelaAgendamentoSemana</div>
+    <div>
+
+    <table>
+      <tr>
+        <th>Segunda</th>
+        <th>Terça</th>
+        <th>Quarta</th>
+        <th>Quinta</th>
+        <th>Sexta</th>
+      </tr>
+
+      {AgendamentosdeSegunda.map((horario, index) => (
+
+        <tr key={index}>
+          <td>{horario}</td>
+          <td>{index}</td>
+        </tr>
+      ))}
+
+    </table>
+
+    </div>
   )
 }
 

src/pages/Agendamento.jsx

@@ -9,6 +9,47 @@ import dayjs from 'dayjs'
 
 const Agendamento = ( {setCurrentPage }) => {
 
+  
+    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++){
+        console.log(d)
+        const data = dayjs(`${ano}--${mes}--${d}`)
+  
+        const dia = data.format('dddd')
+        console.log(dia)
+  
+        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)
+        }}
+
+        let ListaDiasDatas = [segundas,tercas, quartas, quintas,sextas]
+      
+      return ListaDiasDatas
+      }
+
   const [tabela, setTabela] = useState('diario')
   const [PageNovaConsulta, setPageConsulta] = useState(true)
 
@@ -100,7 +141,7 @@ const Agendamento = ( {setCurrentPage }) => {
         }
 
         {tabela === 'mensal' && (
-          <TabelaAgendamentoMes/>
+          <TabelaAgendamentoMes ListarDiasdoMes={ListarDiasdoMes}/>
         )}