From 96505d081a446afe7d78512dd09618708863c0f0 Mon Sep 17 00:00:00 2001 From: joao_pedro Date: Mon, 20 Oct 2025 10:34:29 -0300 Subject: [PATCH] Pequenas melhorias --- src/PagesMedico/Agendamento.jsx | 226 ------------------ .../AgendarConsulta/TabelaAgendamentoDia.jsx | 4 +- .../style/styleTabelas/tabeladia.css | 41 ++++ src/data/sidebar-items-adm.json | 18 +- src/pages/Agendamento.jsx | 23 +- src/pages/AgendamentoCadastroManager.jsx | 4 +- src/perfis/Perfil_adm/Perfiladm.jsx | 2 + src/perfis/Perfil_medico/PerfilMedico.jsx | 4 +- 8 files changed, 67 insertions(+), 255 deletions(-) delete mode 100644 src/PagesMedico/Agendamento.jsx diff --git a/src/PagesMedico/Agendamento.jsx b/src/PagesMedico/Agendamento.jsx deleted file mode 100644 index db3b20f3..00000000 --- a/src/PagesMedico/Agendamento.jsx +++ /dev/null @@ -1,226 +0,0 @@ -import React, { useState, useMemo } from 'react'; - -import TabelaAgendamentoDia from '../components/AgendarConsulta/TabelaAgendamentoDia'; -import TabelaAgendamentoSemana from '../components/AgendarConsulta/TabelaAgendamentoSemana'; -import TabelaAgendamentoMes from '../components/AgendarConsulta/TabelaAgendamentoMes'; -import FormNovaConsulta from '../components/AgendarConsulta/FormNovaConsulta'; - -// ✨ NOVO: Caminho de importação corrigido com base na sua estrutura de pastas -import AgendamentosMes from '../components/AgendarConsulta/DadosConsultasMock.js'; - -import dayjs from 'dayjs'; -// Importe os estilos -import "./styleMedico/Agendamento.css"; -import "./styleMedico/FilaEspera.css"; - -const Agendamento = () => { - - const [FiladeEspera, setFiladeEspera] = useState(false); - const [tabela, setTabela] = useState('diario'); - const [PageNovaConsulta, setPageConsulta] = useState(false); - const [searchTerm, setSearchTerm] = useState(''); - - // Dados da fila de espera (sem alteração) - const filaEsperaData = [ - { nome: 'Ricardo Pereira', email: 'ricardo.pereira@gmail.com', cpf: '444.777.666-55', telefone: '(79) 99123-4567', entrada: '25/09/2025 às 08:00' }, - { nome: 'Ana Costa', email: 'ana.costa@gmail.com', cpf: '321.654.987-00', telefone: '(79) 97777-3333', entrada: '25/09/2025 às 08:30' }, - { nome: 'Lucas Martins', email: 'lucas.martins@gmail.com', cpf: '777.666.555-33', telefone: '(79) 99654-3210', entrada: '25/09/2025 às 09:00' }, - { nome: 'João Souza', email: 'joao.souza@gmail.com', cpf: '987.654.321-00', telefone: '(79) 98888-2222', entrada: '25/09/2025 às 14:00' }, - { nome: 'Maria Silva', email: 'maria.silva@gmail.com', cpf: '123.456.789-00', telefone: '(79) 99999-1111', entrada: '25/09/2025 às 14:30' }, - { nome: 'Fernanda Lima', email: 'fernanda.lima@gmail.com', cpf: '888.999.000-22', telefone: '(79) 98877-6655', entrada: '26/09/2025 às 09:30' }, - { nome: 'Carlos Andrade', email: 'carlos.andrade@gmail.com', cpf: '222.555.888-11', telefone: '(79) 99876-5432', entrada: '26/09/2025 às 10:00' }, - { nome: 'Juliana Oliveira', email: 'juliana.o@gmail.com', cpf: '111.222.333-44', telefone: '(79) 98765-1234', entrada: '26/09/2025 às 11:30' }, - ]; - - // Filtro da fila de espera (sem alteração) - const filteredFila = filaEsperaData.filter(item => - item.nome.toLowerCase().includes(searchTerm.toLowerCase()) || - item.email.toLowerCase().includes(searchTerm.toLowerCase()) || - item.cpf.includes(searchTerm) || - item.telefone.includes(searchTerm) - ); - - // Lógica para filtrar os dados da AGENDA (AgendamentosMes) - const filteredAgendamentos = useMemo(() => { - if (!searchTerm.trim()) { - return AgendamentosMes; - } - - const lowerCaseSearchTerm = searchTerm.toLowerCase(); - const filteredData = {}; - - for (const semana in AgendamentosMes) { - filteredData[semana] = {}; - for (const dia in AgendamentosMes[semana]) { - filteredData[semana][dia] = AgendamentosMes[semana][dia].filter(agendamento => - agendamento.status === 'vazio' || - (agendamento.paciente && agendamento.paciente.toLowerCase().includes(lowerCaseSearchTerm)) - ); - } - } - return filteredData; - }, [searchTerm]); - - 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++) { - const data = dayjs(`${ano}-${mes}-${d}`) - const dia = data.format('dddd') - 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); break - default: break - } - } - let ListaDiasDatas = [segundas, tercas, quartas, quintas, sextas] - return ListaDiasDatas - } - - const handleClickAgendamento = (agendamento) => { - if (agendamento.status !== 'vazio') return - else setPageConsulta(true) - } - - const handleClickCancel = () => setPageConsulta(false) - - return ( -
-

Agendar nova consulta

- - {!PageNovaConsulta ? ( -
-
-
- - setSearchTerm(e.target.value)} - /> -
-
- -
-
- -
- - -
- -
- - -
- -
- {FiladeEspera === false ? - ( -
-
-
-
- - - -
-
-
Realizado
-
Confirmado
-
Agendado
-
Cancelado
-
-
- - {tabela === "diario" && } - {tabela === 'semanal' && } - {tabela === 'mensal' && } -
-
- ) - : - ( -
-
- setSearchTerm(e.target.value)} - /> -

Fila de Espera

-
- - - - - - - - - - - - {filteredFila.map((item, index) => ( - - - - - - - - ))} - -
NomeEmailCPFTelefoneEntrou na fila de espera
{item.nome}{item.email}{item.cpf}{item.telefone}{item.entrada}
-
- ) - } -
-
- ) : ( - - )} -
- ) -} - -export default Agendamento; \ No newline at end of file diff --git a/src/components/AgendarConsulta/TabelaAgendamentoDia.jsx b/src/components/AgendarConsulta/TabelaAgendamentoDia.jsx index 2949ca66..f39905a4 100644 --- a/src/components/AgendarConsulta/TabelaAgendamentoDia.jsx +++ b/src/components/AgendarConsulta/TabelaAgendamentoDia.jsx @@ -33,7 +33,7 @@ const TabelaAgendamentoDia = ({ handleClickAgendamento, agendamentos, setShowDel - + @@ -46,7 +46,7 @@ const TabelaAgendamentoDia = ({ handleClickAgendamento, agendamentos, setShowDel return( - +
HorárioHorário {}

{`${horario[0]}:${horario[1]}`}

{`${horario[0]}:${horario[1]}`}
handleClickAgendamento(agendamento)}> diff --git a/src/components/AgendarConsulta/style/styleTabelas/tabeladia.css b/src/components/AgendarConsulta/style/styleTabelas/tabeladia.css index 62284339..5f4461cc 100644 --- a/src/components/AgendarConsulta/style/styleTabelas/tabeladia.css +++ b/src/components/AgendarConsulta/style/styleTabelas/tabeladia.css @@ -7,6 +7,47 @@ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border: 4px solid #4a90e2; /* borda azul, altere para a cor desejada */ } +/* 1. Estilização do TD (Container) */ +.coluna-horario { + /* Garante que o TD tenha um preenchimento generoso para parecer maior */ + padding: 20px 10px; /* Ajuste estes valores conforme a necessidade */ + + /* Centraliza o conteúdo (o

) vertical e horizontalmente */ + text-align: center; + vertical-align: middle; + + /* Cor de fundo clara para contrastar levemente, se desejar */ + /* background-color: #f9f9f9; */ + + /* Garante que a coluna não fique muito estreita */ + width: 15%; /* Exemplo, ajuste se necessário */ +} + +/* 2. Estilização do P (O texto do horário) */ +.horario-texto { + /* Remove a margem padrão do

para alinhamento preciso */ + margin: 0; + + /* Aplica a cor azul condizente com o "10:30" da imagem */ + color: #007bff; /* Tonalidade de azul Bootstrap/padrão */ + + /* Aumenta a fonte para dar mais destaque */ + font-size: 1.3em; /* 1.3 vezes o tamanho normal */ + + /* Deixa a fonte mais pesada para ser mais visível */ + font-weight: bold; + + /* Se você quiser garantir que a fonte seja a mesma do resto do site */ + /* font-family: 'Arial', sans-serif; */ +} + +/* 3. Estilização do cabeçalho (opcional, para consistência) */ +.cabecalho-horario { + background-color: #007bff; /* Cor de fundo azul como na imagem */ + color: white; + font-weight: bold; + text-align: center; +} /* Células da tabela */ .tabeladiaria th, .tabeladiaria td { diff --git a/src/data/sidebar-items-adm.json b/src/data/sidebar-items-adm.json index 2d77c70e..195b2882 100644 --- a/src/data/sidebar-items-adm.json +++ b/src/data/sidebar-items-adm.json @@ -14,6 +14,17 @@ "icon": "hospital-fill", "url": "/admin/medicos" }, + { + "name": "Agendamentos", + "icon": "calendar-plus-fill", + "url": "/admin/agendamento" + }, + + { + "name": "Relaototios", + "icon": "table", + "url": "/admin/laudo" + }, { "name": "Gestão de Usuários", @@ -25,12 +36,5 @@ "name": "Painel Administrativo", "icon": "file-bar-graph-fill", "url": "/admin/painel" - }, - - { - "name": "Laudo do Paciente", - "icon": "table", - "url": "/admin/laudo" } - ] \ No newline at end of file diff --git a/src/pages/Agendamento.jsx b/src/pages/Agendamento.jsx index 5d1e82cc..4a226d38 100644 --- a/src/pages/Agendamento.jsx +++ b/src/pages/Agendamento.jsx @@ -281,12 +281,12 @@ const handleSearchMedicos = (term) => { Mudar Disponibilidade - - + {!PageNovaConsulta ? (

+
@@ -324,17 +324,8 @@ const handleSearchMedicos = (term) => {
)}
-
- - -
- - +
+
@@ -453,7 +444,7 @@ const handleSearchMedicos = (term) => {
) : ( - + )} {showDeleteModal && ( diff --git a/src/pages/AgendamentoCadastroManager.jsx b/src/pages/AgendamentoCadastroManager.jsx index 392023da..6fa24bcc 100644 --- a/src/pages/AgendamentoCadastroManager.jsx +++ b/src/pages/AgendamentoCadastroManager.jsx @@ -5,7 +5,7 @@ import { useAuth } from '../components/utils/AuthProvider' import { useEffect,useState } from 'react' import dayjs from 'dayjs' import { UserInfos } from '../components/utils/Functions-Endpoints/General' -const AgendamentoCadastroManager = () => { +const AgendamentoCadastroManager = ({setPageConsulta}) => { const {getAuthorizationHeader} = useAuth() const [agendamento, setAgendamento] = useState({status:'confirmed'}) @@ -66,7 +66,7 @@ const AgendamentoCadastroManager = () => { return (
- + setPageConsulta(false)}/>
) diff --git a/src/perfis/Perfil_adm/Perfiladm.jsx b/src/perfis/Perfil_adm/Perfiladm.jsx index 0b5ee13f..2632fbe6 100644 --- a/src/perfis/Perfil_adm/Perfiladm.jsx +++ b/src/perfis/Perfil_adm/Perfiladm.jsx @@ -14,6 +14,8 @@ import DoctorEditPage from "../../pages/DoctorEditPage"; import UserDashboard from '../../PagesAdm/gestao.jsx'; import PainelAdministrativo from '../../PagesAdm/painel.jsx'; import admItems from "../../data/sidebar-items-adm.json"; + + // ...restante do código... function Perfiladm() { return ( diff --git a/src/perfis/Perfil_medico/PerfilMedico.jsx b/src/perfis/Perfil_medico/PerfilMedico.jsx index b1b95462..9037a534 100644 --- a/src/perfis/Perfil_medico/PerfilMedico.jsx +++ b/src/perfis/Perfil_medico/PerfilMedico.jsx @@ -4,7 +4,7 @@ import Sidebar from "../../components/Sidebar"; import DoctorRelatorioManager from "../../PagesMedico/DoctorRelatorioManager"; import Prontuario from "../../PagesMedico/prontuario"; import Relatorio from "../../PagesMedico/relatorio"; -import Agendamento from "../../PagesMedico/Agendamento"; +import DoctorAgendamentoManager from "../../PagesMedico/DoctorAgendamentoManager"; import Chat from "../../PagesMedico/Chat"; import DoctorItems from "../../data/sidebar-items-medico.json"; import FormNovoRelatorio from "../../PagesMedico/FormNovoRelatorio"; @@ -23,7 +23,7 @@ function PerfilMedico() { } /> } /> } /> - } /> + } /> } />