endpoints medico e paciente

src/PagesMedico/EditPageRelatorio.jsx

@@ -7,6 +7,7 @@ import TiptapEditor from '../PagesMedico/TiptapEditor';
 import { GetPatientByID } from '../components/utils/Functions-Endpoints/Patient';
 import { GetDoctorByID } from '../components/utils/Functions-Endpoints/Doctor';
 
+
 const EditPageRelatorio = () => {
   const params = useParams();
   const navigate = useNavigate();
@@ -18,6 +19,7 @@ const EditPageRelatorio = () => {
   const [doctor, setDoctor] = useState(null);
   const [html, setHtml] = useState('');
 
+
   const generateTemplate = (r = {}, p = {}, d = {}) => {
     const patientName = p?.full_name || '[NOME DO PACIENTE]';
     const birthDate = p?.birth_date || '';
@@ -46,6 +48,7 @@ const EditPageRelatorio = () => {
     `;
   };
 
+
   useEffect(() => {
     const load = async () => {
       setLoading(true);
@@ -55,20 +58,24 @@ const EditPageRelatorio = () => {
         myHeaders.append("Authorization", authHeader);
         const requestOptions = { method: 'GET', headers: myHeaders, redirect: 'follow' };
 
+
         // Pega relatório por id (supabase geralmente retorna array para ?id=eq.X)
         const resp = await fetch(`https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/reports?id=eq.${params.id}`, requestOptions);
         const data = await resp.json();
         const rep = Array.isArray(data) ? data[0] : data;
         if (!rep) throw new Error('Relatório não encontrado');
 
+
         setReport(rep);
 
+
         // busca paciente
         if (rep.patient_id) {
           const p = await GetPatientByID(rep.patient_id, authHeader);
           setPatient(Array.isArray(p) ? p[0] : p);
         }
 
+
         // busca doctor se tiver created_by/requested_by id (tentamos fallback)
         if (rep.created_by) {
           try {
@@ -79,6 +86,7 @@ const EditPageRelatorio = () => {
           }
         }
 
+
         // content_html preferencial
         let initial = rep.content_html || rep.content || rep.diagnosis || rep.conclusion || '';
         if (!initial || initial.trim() === '') {
@@ -96,6 +104,7 @@ const EditPageRelatorio = () => {
     // eslint-disable-next-line
   }, [params.id, authHeader]);
 
+
   const handleSave = async () => {
     setLoading(true);
     try {
@@ -104,9 +113,11 @@ const EditPageRelatorio = () => {
       myHeaders.append('Authorization', authHeader);
       myHeaders.append('Content-Type', 'application/json');
       
+      // Adicionado para que a API retorne o registro atualizado
+      myHeaders.append('Prefer', 'return=representation');
+
       const body = JSON.stringify({ content_html: html });
 
-      // supabase: PATCH via query id=eq.<id>
       const res = await fetch(`https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/reports?id=eq.${params.id}`, {
         method: 'PATCH',
         headers: myHeaders,
@@ -119,8 +130,18 @@ const EditPageRelatorio = () => {
         throw new Error('Erro na API');
       }
 
+      // Recebe o dado atualizado e atualiza o estado do componente
+      const updatedData = await res.json();
+      const updatedReport = Array.isArray(updatedData) ? updatedData[0] : updatedData;
+      
+      if (updatedReport) {
+        setReport(updatedReport);
+        setHtml(updatedReport.content_html || '');
+      }
+
       alert('Relatório atualizado com sucesso!');
       navigate('/medico/relatorios');
+
     } catch (err) {
       console.error(err);
       alert('Erro ao salvar. Veja console.');
@@ -129,17 +150,21 @@ const EditPageRelatorio = () => {
     }
   };
 
+
   if (loading) return <div>Carregando...</div>;
 
+
   return (
     <div className='container'>
       <h3 className='mb-4'>Editar Relatório do Paciente: {patient?.full_name || '...'}</h3>
 
+
       <div className='mb-3'>
         <h5 className='mb-2'>Conteúdo do Relatório</h5>
         <TiptapEditor content={html} onChange={(newHtml) => setHtml(newHtml)} />
       </div>
 
+
       <div className='d-flex justify-content-center mt-4'>
         <button className='btn btn-success' onClick={handleSave} disabled={loading}>
           {loading ? 'Salvando...' : 'Salvar Relatório'}
@@ -149,5 +174,5 @@ const EditPageRelatorio = () => {
   );
 };
 
-export default EditPageRelatorio;
 
+export default EditPageRelatorio;

src/PagesPaciente/ConsultaEditPage.jsx

@@ -4,109 +4,121 @@ import { useState, useEffect } from 'react'
 import API_KEY from '../components/utils/apiKeys'
 import { UserInfos } from '../components/utils/Functions-Endpoints/General'
 import FormConsultaPaciente from './FormConsultaPaciente'
-
 import { GetDoctorByID } from '../components/utils/Functions-Endpoints/Doctor'
 import { GetPatientByID } from '../components/utils/Functions-Endpoints/Patient'
-const ConsultaEditPage = ({dadosConsulta}) => {
+// 1. Importe o useNavigate
+import { useNavigate } from 'react-router-dom'
 
-    console.log(dadosConsulta, "editar")
+const ConsultaEditPage = ({ dadosConsulta }) => {
+    // 2. Crie a instância do navigate
+    const navigate = useNavigate();
 
-      const {getAuthorizationHeader} = useAuth()
+    const { getAuthorizationHeader } = useAuth()
+    const authHeader = getAuthorizationHeader();
 
-        const [idUsuario, setIDusuario] = useState("6e7f8829-0574-42df-9290-8dbb70f75ada")
+    const [idUsuario, setIDusuario] = useState(null);
-
+    const [DictInfo, setDict] = useState({});
-        const [DictInfo, setDict] = useState({})
+    const [Medico, setMedico] = useState(null);
-
+    const [Paciente, setPaciente] = useState(null);
-        const [Medico, setMedico] = useState({})
-
-        const [Paciente, setPaciente] = useState([])
 
     useEffect(() => {
-          setDict({...dadosConsulta})
+        setDict({ ...dadosConsulta });
-    
-            const fetchMedicoePaciente = async () => {
-                console.log(dadosConsulta.doctor_id)
-
-                let Medico = await GetDoctorByID(dadosConsulta.doctor_id,authHeader )
-
-                let Paciente = await GetPatientByID(dadosConsulta.patient_id,authHeader )
-
-                console.log(Paciente, 'Paciente')
-                
-
-                setMedico(Medico[0])
-                setPaciente(Paciente[0])
-
 
+        const fetchInitialData = async () => {
+            if (dadosConsulta.doctor_id) {
+                const medicoData = await GetDoctorByID(dadosConsulta.doctor_id, authHeader);
+                setMedico(medicoData[0]);
             }
-            const ColherInfoUsuario =async () => {
+            if (dadosConsulta.patient_id) {
-              const result = await UserInfos(authHeader)
+                const pacienteData = await GetPatientByID(dadosConsulta.patient_id, authHeader);
-            
+                setPaciente(pacienteData[0]);
-              setIDusuario(result?.profile?.id)
-            
             }
-            ColherInfoUsuario()
+        };
-            fetchMedicoePaciente()
 
+        const fetchUserInfo = async () => {
+            const result = await UserInfos(authHeader);
+            setIDusuario(result?.profile?.id);
+        };
 
-        }, [])
+        fetchUserInfo();
+        fetchInitialData();
+
+    }, [dadosConsulta, authHeader]);
 
     useEffect(() => {
-            setDict({...DictInfo, medico_nome:Medico?.full_name, dataAtendimento:dadosConsulta.scheduled_at?.split("T")[0]})
+        if (Medico) {
-        }, [Medico])
+            setDict(prevDict => ({
+                ...prevDict,
+                medico_nome: Medico?.full_name,
+                dataAtendimento: dadosConsulta.scheduled_at?.split("T")[0]
+            }));
+        }
+    }, [Medico, dadosConsulta.scheduled_at]);
 
-    
+    const handleSave = async (DictParaPatch) => {
-        
+        try {
-        let authHeader = getAuthorizationHeader() 
+            const myHeaders = new Headers();
-    
-        const handleSave = (DictParaPatch) => {
-            var myHeaders = new Headers();
             myHeaders.append("Content-Type", "application/json");
-            myHeaders.append('apikey', API_KEY)
+            myHeaders.append('apikey', API_KEY);
-            myHeaders.append("authorization", authHeader)
+            myHeaders.append("authorization", authHeader);
-    
+            myHeaders.append('Prefer', 'return=representation');
-            console.log(DictParaPatch)
-    
-            var raw = JSON.stringify({"patient_id": DictParaPatch.patient_id,
-           "doctor_id": DictParaPatch.doctor_id,
-           
-           "duration_minutes": 30,
-        
-           "chief_complaint": "Dor de cabeça há 3 ",
-           
-           "created_by": idUsuario,
-    
-            "scheduled_at": `${DictParaPatch.dataAtendimento}T${DictParaPatch.horarioInicio}:00.000Z`,
-           
-           "appointment_type": DictParaPatch.tipo_consulta,
-           
-           "patient_notes": "Prefiro horário pela manhã",
-           "insurance_provider": DictParaPatch.convenio,
-           "status": DictParaPatch.status,
-           "created_by": idUsuario
-    
 
+            const raw = JSON.stringify({
+                patient_id: DictParaPatch.patient_id,
+                doctor_id: DictParaPatch.doctor_id,
+                duration_minutes: 30,
+                chief_complaint: "Dor de cabeça há 3 ",
+                created_by: idUsuario,
+                scheduled_at: `${DictParaPatch.dataAtendimento}T${DictParaPatch.horarioInicio}:00.000Z`,
+                appointment_type: DictParaPatch.tipo_consulta,
+                patient_notes: "Prefiro horário pela manhã",
+                insurance_provider: DictParaPatch.convenio,
+                status: DictParaPatch.status,
             });
 
-    
+            const requestOptions = {
-            var requestOptions = {
                 method: 'PATCH',
                 headers: myHeaders,
                 body: raw,
                 redirect: 'follow'
             };
 
-            fetch(`https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/appointments?id=eq.${DictInfo.id}`, requestOptions)
+            const response = await fetch(`https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/appointments?id=eq.${DictInfo.id}`, requestOptions);
-            .then(response => response.text())
+
-            .then(result => console.log(result))
+            if (!response.ok) {
-            .catch(error => console.log('error', error));
+                const text = await response.text();
+                console.error('Erro no PATCH:', response.status, text);
+                throw new Error('Erro na API');
             }
 
+            const updatedData = await response.json();
+            if (updatedData && updatedData.length > 0) {
+                setDict(updatedData[0]);
+            }
+
+            console.log('Consulta atualizada com sucesso!', updatedData);
+            alert('Consulta atualizada com sucesso!');
+
+        } catch (error) {
+            console.error('Erro ao salvar consulta:', error);
+            alert('Erro ao salvar consulta. Veja o console.');
+        }
+    };
+    const handleCancel = () => {
+        navigate(-1); 
+    };
+
     return (
         <div>
-        <FormConsultaPaciente agendamento={DictInfo} setAgendamento={setDict} onSave={handleSave}/>
+            {}
+            <FormConsultaPaciente
+                agendamento={DictInfo}
+                setAgendamento={setDict}
+                onSave={handleSave}
+                onCancel={handleCancel}
+            />
         </div>
     )
 }
 
-export default ConsultaEditPage
+export default ConsultaEditPage;

src/PagesPaciente/ConsultasPaciente.jsx

@@ -6,9 +6,8 @@ import { useEffect, useState } from 'react'
 import API_KEY from '../components/utils/apiKeys'
 import { useAuth } from '../components/utils/AuthProvider'
 
-const ConsultasPaciente = ({setConsulta}) => {
+const ConsultasPaciente = ({ setConsulta }) => {
-  const {getAuthorizationHeader} = useAuth()
+    const { getAuthorizationHeader } = useAuth()
-
 
     const [showDeleteModal, setShowDeleteModal] = useState(false)
     const [selectedID, setSelectedId] = useState("")
@@ -16,74 +15,77 @@ const ConsultasPaciente = ({setConsulta}) => {
 
     const [consultas, setConsultas] = useState([])
 
-const FiltrarAgendamentos = (agendamentos, id) => {
+    const FiltrarAgendamentos = (agendamentos, id) => {
-    // Verifica se a lista de agendamentos é válida antes de tentar filtrar
         if (!agendamentos || !Array.isArray(agendamentos)) {
             console.error("A lista de agendamentos é inválida.");
-        setConsultas([]); // Garante que setConsultas receba uma lista vazia
+            setConsultas([]);
             return;
         }
 
-    // 1. Filtragem
-    // O método .filter() cria uma nova lista contendo apenas os itens que retornarem 'true'
         const consultasFiltradas = agendamentos.filter(agendamento => {
-        // A condição: o patient_id do agendamento deve ser estritamente igual ao id fornecido
-        // Usamos toString() para garantir a comparação, pois um pode ser number e o outro string
             return agendamento.patient_id && agendamento.patient_id.toString() === id.toString();
         });
 
-    // 2. Adicionar a lista no setConsultas
         console.log(consultasFiltradas)
         setConsultas(consultasFiltradas);
-}
+    }
-
-// Exemplo de como você chamaria (assumindo que DadosAgendamento é sua lista original):
-// FiltrarAgendamentos(DadosAgendamento, Paciente.id);
 
     useEffect(() => {
-    var myHeaders = new Headers();
+        const fetchConsultas = async () => {
+            try {
+                const myHeaders = new Headers();
                 myHeaders.append("Authorization", authHeader);
                 myHeaders.append("apikey", API_KEY)
 
-    var requestOptions = {
+                const requestOptions = {
                     method: 'GET',
                     headers: myHeaders,
                     redirect: 'follow'
                 };
 
-    fetch("https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/appointments?select&doctor_id&patient_id&status&scheduled_at&order&limit&offset", requestOptions)
+                const response = await fetch("https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/appointments?select=*", requestOptions);
-      .then(response => response.json())
+                const result = await response.json();
-      .then(result => {FiltrarAgendamentos(result, "6e7f8829-0574-42df-9290-8dbb70f75ada" )})
+                FiltrarAgendamentos(result, "6e7f8829-0574-42df-9290-8dbb70f75ada");
-      .catch(error => console.log('error', error));
+            } catch (error) {
+                console.log('error', error);
+            }
+        };
 
-  }, [])
+        fetchConsultas();
+    }, [authHeader]);
 
     const navigate = useNavigate()
-
+    const deleteConsulta = async (ID) => {
-  const deleteConsulta= (ID) => {
+        try {
-     var myHeaders = new Headers();
+            const myHeaders = new Headers();
             myHeaders.append("Content-Type", "application/json");
-            myHeaders.append('apikey', API_KEY)
+            myHeaders.append('apikey', API_KEY);
-            myHeaders.append("authorization", authHeader)
+            myHeaders.append("authorization", authHeader);
 
+            const raw = JSON.stringify({ "status": "cancelled" });
 
-            var raw = JSON.stringify({ "status":"cancelled"      
+            const requestOptions = {
-            });
-    
-    
-            var requestOptions = {
                 method: 'PATCH',
                 headers: myHeaders,
                 body: raw,
                 redirect: 'follow'
             };
 
-            fetch(`https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/appointments?id=eq.${selectedID}`, requestOptions)
+            const response = await fetch(`https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/appointments?id=eq.${ID}`, requestOptions);
-            .then(response => {if(response.status !== 200)(console.log(response))})
-            .then(result => console.log(result))
-            .catch(error => console.log('error', error));
 
-    console.log("deletar", ID)
+            if (!response.ok) {
+                const errorText = await response.text();
+                throw new Error(`Falha ao cancelar consulta: ${response.status} - ${errorText}`);
+            }
+            setConsultas(prevConsultas => prevConsultas.filter(consulta => consulta.id !== ID));
+
+            console.log("Consulta cancelada com sucesso!");
+            alert("Consulta cancelada com sucesso!");
+
+        } catch (error) {
+            console.error('Erro ao cancelar a consulta:', error);
+            alert('Erro ao cancelar a consulta. Veja o console.');
+        }
     }
 
     return (
@@ -91,22 +93,19 @@ const FiltrarAgendamentos = (agendamentos, id) => {
             <h1> Gerencie suas consultas</h1>
 
             <div className='form-container'>
-      
+                <button className="btn btn-primary" onClick={() => { navigate("criar") }}>
-          <button className="btn btn-primary" onClick={() => {navigate("criar")}}>
                     <i className="bi bi-plus-circle"></i> Adicionar Consulta
-
                 </button>
 
-        <h2>Seus proximos atendimentos</h2>
+                <h2>Seus próximos atendimentos</h2>
 
                 {consultas.map((consulta) => (
-            <CardConsultaPaciente consulta={consulta} setConsulta={setConsulta} setShowDeleteModal={setShowDeleteModal} setSelectedId={ setSelectedId}/>
+                    <CardConsultaPaciente key={consulta.id} consulta={consulta} setConsulta={setConsulta} setShowDeleteModal={setShowDeleteModal} setSelectedId={setSelectedId} />
-
                 ))}
-{showDeleteModal &&
+
+                {showDeleteModal &&
                     <div className="modal-dialog modal-dialog-centered">
                         <div className="modal-content">
-            
                             <div className="modal-header bg-danger bg-opacity-25">
                                 <h5 className="modal-title text-danger">
                                     Confirmação de Exclusão
@@ -117,15 +116,12 @@ const FiltrarAgendamentos = (agendamentos, id) => {
                                     onClick={() => setShowDeleteModal(false)}
                                 ></button>
                             </div>
-
                             <div className="modal-body">
                                 <p className="mb-0 fs-5">
                                     Tem certeza que deseja excluir este agendamento?
                                 </p>
                             </div>
-
                             <div className="modal-footer">
-              
                                 <button
                                     type="button"
                                     className="btn btn-primary"
@@ -133,23 +129,19 @@ const FiltrarAgendamentos = (agendamentos, id) => {
                                 >
                                     Cancelar
                                 </button>
-
-              
                                 <button
                                     type="button"
                                     className="btn btn-danger"
-                  onClick={() => {deleteConsulta(selectedID);setShowDeleteModal(false)}}  
+                                    onClick={() => { deleteConsulta(selectedID); setShowDeleteModal(false) }}
-                  
                                 >
                                     <i className="bi bi-trash me-1"></i> Excluir
                                 </button>
                             </div>
                         </div>
                     </div>}
-
             </div>
         </div>
     )
 }
 
-export default ConsultasPaciente
+export default ConsultasPaciente;