From f4ac580b832a7ba7656ce5494d4adb301b5b4224 Mon Sep 17 00:00:00 2001 From: joao_pedro Date: Wed, 5 Nov 2025 16:58:12 -0300 Subject: [PATCH 1/4] Detalhes esteticos finalizados --- .../AgendarConsulta/TabelaAgendamentoMes.jsx | 5 +++- .../AgendarConsulta/style/card-consulta.css | 23 +++++++++++++++---- .../style/styleTabelas/tabelames.css | 6 +++++ 3 files changed, 29 insertions(+), 5 deletions(-) diff --git a/src/components/AgendarConsulta/TabelaAgendamentoMes.jsx b/src/components/AgendarConsulta/TabelaAgendamentoMes.jsx index 471b4ea..29b25f0 100644 --- a/src/components/AgendarConsulta/TabelaAgendamentoMes.jsx +++ b/src/components/AgendarConsulta/TabelaAgendamentoMes.jsx @@ -212,7 +212,7 @@ const TabelaAgendamentoMes = ({ ListarDiasdoMes, agendamentos, setShowDeleteModa {Object.keys(AgendamentosMensaisOrganizados[indice]).map((semanaKey) => { const semana = AgendamentosMensaisOrganizados[indice][semanaKey] console.log(AgendamentosMensaisOrganizados[indice][semanaKey], 'ajdsahchbaohdfoduh') - + return( @@ -220,6 +220,9 @@ const TabelaAgendamentoMes = ({ ListarDiasdoMes, agendamentos, setShowDeleteModa { semana && typeof semana === "object" && Object.keys(semana).map((dia) => ( +
+

{(semana[dia]|| [])[0]?.scheduled_at.split("-")[2].split("T")[0]}

+
diff --git a/src/components/AgendarConsulta/style/card-consulta.css b/src/components/AgendarConsulta/style/card-consulta.css index c66a6bf..34d8dea 100644 --- a/src/components/AgendarConsulta/style/card-consulta.css +++ b/src/components/AgendarConsulta/style/card-consulta.css @@ -55,10 +55,7 @@ /* 7. Estilos para os ícones dentro dos botões (já está no JSX com fs-4) */ /* .fs-4 do Bootstrap já cuida do tamanho do ícone. Se precisar de mais controle, adicione aqui. */ -.action-button .bi { - /* Exemplo: se precisar de um ajuste fino além do fs-4 */ - /* font-size: 1.5rem; */ -} + .btn-confirm-style{ background-color: #5ce687; @@ -70,3 +67,21 @@ border: #91d392; } +/* Aplique isso às classes que contêm os nomes do Médico e do Paciente */ + +.cardconsulta-infosecundaria p, +.cardconsulta-infoprimaria p { + /* 1. Força o texto a não quebrar para a próxima linha */ + white-space: nowrap; + + /* 2. Oculta qualquer texto que ultrapasse a largura do contêiner */ + overflow: hidden; + + /* 3. Adiciona reticências (...) ao final do texto truncado */ + text-overflow: ellipsis; +} + +.tabelamensal .container-cardconsulta{ + width: 24rem; + +} \ No newline at end of file diff --git a/src/components/AgendarConsulta/style/styleTabelas/tabelames.css b/src/components/AgendarConsulta/style/styleTabelas/tabelames.css index 707823c..ef454b0 100644 --- a/src/components/AgendarConsulta/style/styleTabelas/tabelames.css +++ b/src/components/AgendarConsulta/style/styleTabelas/tabelames.css @@ -231,3 +231,9 @@ html[data-bs-theme="dark"] .cards-que-faltam { } +.dia-tabelamensal p { + font-weight: bold; /* Deixa o número em negrito */ + color: #0078d7; /* Garante que seja preto */ + font-size: 16px; /* Ajuste o tamanho para harmonizar com o restante */ + /* Adicione a mesma família de fonte usada para o restante do app, se necessário */ +} \ No newline at end of file From 41d46cc14846944d1b97780973c76f3999084e55 Mon Sep 17 00:00:00 2001 From: joao_pedro Date: Wed, 5 Nov 2025 18:32:35 -0300 Subject: [PATCH 2/4] Bug resolvido com o status da consulta e checkbox melhorado --- .../AgendarConsulta/FormNovaConsulta.jsx | 17 +++++++++++++---- src/pages/AgendamentoCadastroManager.jsx | 1 + 2 files changed, 14 insertions(+), 4 deletions(-) diff --git a/src/components/AgendarConsulta/FormNovaConsulta.jsx b/src/components/AgendarConsulta/FormNovaConsulta.jsx index 48761e9..26634eb 100644 --- a/src/components/AgendarConsulta/FormNovaConsulta.jsx +++ b/src/components/AgendarConsulta/FormNovaConsulta.jsx @@ -30,6 +30,8 @@ const [isDropdownOpen, setIsDropdownOpen] = useState(false); const [horariosDisponiveis, sethorariosDisponiveis] = useState([]) + const [status, setStatus] = useState("confirmed") + let authHeader = getAuthorizationHeader() const FormatCPF = (valor) => { @@ -204,9 +206,18 @@ const calcularHorarioTermino = (inicio, sessoes, tempoBase) => { const handleSubmit = (e) => { e.preventDefault(); alert("Agendamento salvo!"); - onSave({...agendamento, horarioInicio:horarioInicio}) + onSave({...agendamento, horarioInicio:horarioInicio, status:status}) }; + const handleCheckbox = () => { + if(status === "confirmed"){ + setStatus("requested") + }else{ + setStatus("confirmed") + } + + } + return (
@@ -355,8 +366,6 @@ const handleSubmit = (e) => { readOnly className="horario-termino-readonly" /> - -
@@ -380,7 +389,7 @@ const handleSubmit = (e) => {
- + diff --git a/src/pages/AgendamentoCadastroManager.jsx b/src/pages/AgendamentoCadastroManager.jsx index f7cc8af..881462e 100644 --- a/src/pages/AgendamentoCadastroManager.jsx +++ b/src/pages/AgendamentoCadastroManager.jsx @@ -43,6 +43,7 @@ const AgendamentoCadastroManager = ({setPageConsulta, Dict}) => { myHeaders.append("Content-Type", "application/json"); var raw = JSON.stringify({ + "patient_id": Dict.patient_id, "doctor_id": Dict.doctor_id, "scheduled_at": `${Dict.dataAtendimento}T${Dict.horarioInicio}:00.000Z`, From 0129482b7c668ce065838e9be8a0ae5547a2a860 Mon Sep 17 00:00:00 2001 From: joao_pedro Date: Wed, 5 Nov 2025 19:13:26 -0300 Subject: [PATCH 3/4] concerto do bug na pagina de atendimento para o paciente e melhoria do design --- src/PagesPaciente/ConsultaCadastroManager.jsx | 2 +- src/PagesPaciente/ConsultasPaciente.jsx | 22 ++++++------------- src/PagesPaciente/FormConsultaPaciente.jsx | 6 +---- src/PagesPaciente/style.css | 6 +++++ src/pages/Agendamento.jsx | 6 ++--- src/pages/style/Agendamento.css | 4 +--- 6 files changed, 19 insertions(+), 27 deletions(-) diff --git a/src/PagesPaciente/ConsultaCadastroManager.jsx b/src/PagesPaciente/ConsultaCadastroManager.jsx index 055ae1a..58a8ff8 100644 --- a/src/PagesPaciente/ConsultaCadastroManager.jsx +++ b/src/PagesPaciente/ConsultaCadastroManager.jsx @@ -47,7 +47,7 @@ const ConsultaCadastroManager = () => { "patient_notes": "Prefiro horário pela manhã", "insurance_provider": Dict.convenio, - "status": Dict.status, + "status": "confirmed", "created_by": idUsuario }); diff --git a/src/PagesPaciente/ConsultasPaciente.jsx b/src/PagesPaciente/ConsultasPaciente.jsx index e6a7335..76b22eb 100644 --- a/src/PagesPaciente/ConsultasPaciente.jsx +++ b/src/PagesPaciente/ConsultasPaciente.jsx @@ -192,14 +192,17 @@ const confirmConsulta = (selectedPatientId) => {

Gerencie suas consultas

+ +
{!viewFila ? - + : - + } +

Seus próximos atendimentos

{viewFila ? @@ -231,18 +234,7 @@ const confirmConsulta = (selectedPatientId) => {

{item?.paciente_cpf}

{item?.medico_nome}

{dayjs(item?.created_at).format('DD/MM/YYYY HH:mm')} -
- - - +
: - {
-
- 1 - +

Informações do atendimento

- -
{/* NOVO CONTAINER PAI */} diff --git a/src/PagesPaciente/style.css b/src/PagesPaciente/style.css index 2ea8141..aef1b7a 100644 --- a/src/PagesPaciente/style.css +++ b/src/PagesPaciente/style.css @@ -104,3 +104,9 @@ background-color: #c82333; /* Um vermelho um pouco mais escuro para o hover */ filter: brightness(90%); /* Alternativa: escurecer um pouco mais */ } + +.btns-container{ + display: flex; + gap: 10px; + +} diff --git a/src/pages/Agendamento.jsx b/src/pages/Agendamento.jsx index 25e469c..44e7e6a 100644 --- a/src/pages/Agendamento.jsx +++ b/src/pages/Agendamento.jsx @@ -325,7 +325,7 @@ useEffect(() => { return (
-
+

Agendar nova consulta

@@ -355,8 +355,8 @@ useEffect(() => {
-
- + +
Date: Wed, 5 Nov 2025 20:32:27 -0300 Subject: [PATCH 4/4] =?UTF-8?q?Funcionalidade=20para=20mudar=20os=20bot?= =?UTF-8?q?=C3=B5es=20se=20for=20cancelled=20ou=20confirmed?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/PagesPaciente/ConsultasPaciente.jsx | 8 +- src/PagesPaciente/style.css | 7 +- .../AgendarConsulta/CardConsulta.jsx | 139 +++++++++--------- 3 files changed, 83 insertions(+), 71 deletions(-) diff --git a/src/PagesPaciente/ConsultasPaciente.jsx b/src/PagesPaciente/ConsultasPaciente.jsx index 76b22eb..bad704c 100644 --- a/src/PagesPaciente/ConsultasPaciente.jsx +++ b/src/PagesPaciente/ConsultasPaciente.jsx @@ -191,6 +191,7 @@ const confirmConsulta = (selectedPatientId) => {

Gerencie suas consultas

+ {/*Adicionei esse className para poder ter o fundo branco presente no style, mesmo não sendo para um form */}
@@ -203,8 +204,9 @@ const confirmConsulta = (selectedPatientId) => { }
+ -

Seus próximos atendimentos

+ {viewFila ?
@@ -252,13 +254,15 @@ const confirmConsulta = (selectedPatientId) => {
: +
+

Suas proximas consultas

+
} {showDeleteModal && ( diff --git a/src/PagesPaciente/style.css b/src/PagesPaciente/style.css index aef1b7a..2d0b21f 100644 --- a/src/PagesPaciente/style.css +++ b/src/PagesPaciente/style.css @@ -107,6 +107,9 @@ .btns-container{ display: flex; - gap: 10px; - + gap: 10px; } + +.h2-proximos-agendamentos{ + margin-top: 20px; +} \ No newline at end of file diff --git a/src/components/AgendarConsulta/CardConsulta.jsx b/src/components/AgendarConsulta/CardConsulta.jsx index 88f1580..f2df8b4 100644 --- a/src/components/AgendarConsulta/CardConsulta.jsx +++ b/src/components/AgendarConsulta/CardConsulta.jsx @@ -15,38 +15,9 @@ const CardConsulta = ( {DadosConsulta, TabelaAgendamento, setShowDeleteModal, se const [decidirBotton, setDecidirBotton] = useState("") - - /* const ids = useMemo(() => { - return { - doctor_id: DadosConsulta?.doctor_id, - patient_id: DadosConsulta?.patient_id, - status: DadosConsulta?.status - }; - }, [DadosConsulta]); - */ - /* - useEffect(() => { - const BuscarMedicoEPaciente = async () => { - if (!ids.doctor_id || !ids.patient_id || ids.status === 'nada') return; - - try { - const [Doctor, Patient] = await Promise.all([ - GetDoctorByID(ids.doctor_id, authHeader), - GetPatientByID(ids.patient_id, authHeader) - ]); - - setMedico(Doctor?.[0] || null); - setPaciente(Patient?.[0] || null); - } catch (error) { - console.error('Erro ao buscar médico/paciente:', error); - } - }; - - BuscarMedicoEPaciente(); - }, [ids, authHeader]);*/ - let nameArrayPaciente = DadosConsulta?.paciente_nome?.split(' ') let nameArrayMedico = DadosConsulta?.medico_nome?.split(' ') + let indice_cor = listaConsultasID.indexOf(DadosConsulta.id) @@ -73,47 +44,81 @@ const CardConsulta = ( {DadosConsulta, TabelaAgendamento, setShowDeleteModal, se
- - > - - - {DadosConsulta.status === "cancelled" ? - - : - + : - setShowDeleteModal(true); - - }} - > - - - + + } - -
+ + ) : ( + // 🧩 Caso normal — segue a lógica do status + <> + {DadosConsulta.status === "cancelled" ? ( + + ) : ( + + )} + + )} +
+
: