From 0129482b7c668ce065838e9be8a0ae5547a2a860 Mon Sep 17 00:00:00 2001
From: joao_pedro <jpbrasil763@gmail.com>
Date: Wed, 5 Nov 2025 19:13:26 -0300
Subject: [PATCH] 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) => {
             <h1> Gerencie suas consultas</h1>
 
             <div className='form-container'>
+
+              <div className='btns-container'>
                 <button className="btn btn-primary" onClick={() => { navigate("criar") }}>
                     <i className="bi bi-plus-circle"></i> Adicionar Consulta
                 </button>
                 {!viewFila ?
-                <button onClick={() => setViewFila(true)}> Fila de espera</button>
+                <button onClick={() => setViewFila(true)} className="btn btn-primary">Ver fila de espera</button>
                 :
-                <button onClick={() => setViewFila(false)}>Consultas </button>
+                <button onClick={() => setViewFila(false)} className="btn btn-primary">Ver consultas </button>
                 }
+              </div>
 
                 <h2>Seus próximos atendimentos</h2>
                 {viewFila ? 
@@ -231,18 +234,7 @@ const confirmConsulta = (selectedPatientId) => {
                     <td><p>{item?.paciente_cpf} </p></td>
                     <td><p>{item?.medico_nome} </p></td>
                     <td>{dayjs(item?.created_at).format('DD/MM/YYYY HH:mm')}</td> 
-                    <td> <div className="d-flex gap-2">
-                    
-                        <button className="btn btn-sm btn-edit"
-                        onClick={() => {
-                        console.log(item, 'item')
-                        navigate(`${2}/edit`) 
-                       
-                        }}
-                        >
-                        <i className="bi bi-pencil me-1"></i> Editar
-                        </button>
-                    
+                    <td> <div className="d-flex gap-2">                 
 
                     <button
                         className="btn btn-sm btn-delete"
@@ -261,7 +253,7 @@ const confirmConsulta = (selectedPatientId) => {
         </div>   
             :
 
-               <TabelaAgendamentoDia agendamentos={consultasOrganizadas} listaConsultasID={[]} setDictInfo={setDictInfo} 
+               <TabelaAgendamentoDia agendamentos={consultasOrganizadas} setDictInfo={setDictInfo} 
                selectedID={selectedID} setSelectedId={setSelectedId} setShowDeleteModal={setShowDeleteModal}
                coresConsultas={coresConsultas} setListaConsultaID={setListaConsultaID}
                listaConsultasID={listaConsultasID} setShowConfirmModal={setShowConfirmModal}
diff --git a/src/PagesPaciente/FormConsultaPaciente.jsx b/src/PagesPaciente/FormConsultaPaciente.jsx
index daf3caf..9dc687e 100644
--- a/src/PagesPaciente/FormConsultaPaciente.jsx
+++ b/src/PagesPaciente/FormConsultaPaciente.jsx
@@ -177,12 +177,8 @@ const handleSubmit = (e) => {
     <div className="form-container">
       
 
-      <form className="form-agendamento" onSubmit={handleSubmit}>
-        1
-      
+      <form className="form-agendamento" onSubmit={handleSubmit}>      
         <h2 className="section-title">Informações do atendimento</h2>
-       
-
         <div className="campo-informacoes-atendimento">
             
             <div className="campo-de-input-container"> {/* 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 (
     <div>
-      <div className='spinner'></div>
+      
       <h1>Agendar nova consulta</h1>
 
       <div className="btns-gerenciamento-e-consulta" style={{ display: 'flex', gap: '10px', marginBottom: '20px' }}>
@@ -355,8 +355,8 @@ useEffect(() => {
           <div className='busca-atendimento-container'> 
             <div className='input-e-dropdown-wrapper'>
               <div className='busca-atendimento'>
-                  <div>
-                      <i className="fa-solid fa-calendar-day"></i>
+                  
+                  <div className='col-md-6 mb-3'>       
                       <input
                           type="text"
                           placeholder="Filtrar atendimento por médico..."
diff --git a/src/pages/style/Agendamento.css b/src/pages/style/Agendamento.css
index f6c156f..cbe2039 100644
--- a/src/pages/style/Agendamento.css
+++ b/src/pages/style/Agendamento.css
@@ -194,9 +194,7 @@ html[data-bs-theme="dark"] {
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
   }
 
-  .unidade-selecionarprofissional input,
-  .unidade-selecionarprofissional select,
-  .busca-atendimento select,
+
   .busca-atendimento input {
     background-color: #2c2c2c;
     color: #e0e0e0;