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 {
@@ -103,10 +112,12 @@ const EditPageRelatorio = () => {
       myHeaders.append('apikey', API_KEY);
       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 [DictInfo, setDict] = useState({})
+    const [idUsuario, setIDusuario] = useState(null);
-
+    const [DictInfo, setDict] = useState({});
-        const [Medico, setMedico] = useState({})
+    const [Medico, setMedico] = useState(null);
-
+    const [Paciente, setPaciente] = useState(null);
-        const [Paciente, setPaciente] = useState([])
-
-        useEffect(() => {
-          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])
 
+    useEffect(() => {
+        setDict({ ...dadosConsulta });
 
+        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()
-    
-    
-        }, [])
 
-        useEffect(() => {
+        const fetchUserInfo = async () => {
-            setDict({...DictInfo, medico_nome:Medico?.full_name, dataAtendimento:dadosConsulta.scheduled_at?.split("T")[0]})
+            const result = await UserInfos(authHeader);
-        }, [Medico])
+            setIDusuario(result?.profile?.id);
-    
+        };
-    
+
-        
+        fetchUserInfo();
-        let authHeader = getAuthorizationHeader() 
+        fetchInitialData();
-    
+
-        const handleSave = (DictParaPatch) => {
+    }, [dadosConsulta, authHeader]);
-            var myHeaders = new Headers();
+
-            myHeaders.append("Content-Type", "application/json");
+    useEffect(() => {
-            myHeaders.append('apikey', API_KEY)
+        if (Medico) {
-            myHeaders.append("authorization", authHeader)
+            setDict(prevDict => ({
-    
+                ...prevDict,
-            console.log(DictParaPatch)
+                medico_nome: Medico?.full_name,
-    
+                dataAtendimento: dadosConsulta.scheduled_at?.split("T")[0]
-            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
-    
-        
-            });
-    
-    
-            var requestOptions = {
-            method: 'PATCH',
-            headers: myHeaders,
-            body: raw,
-            redirect: 'follow'
-            };
-    
-            fetch(`https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/appointments?id=eq.${DictInfo.id}`, requestOptions)
-            .then(response => response.text())
-            .then(result => console.log(result))
-            .catch(error => console.log('error', error));
         }
-    
+    }, [Medico, dadosConsulta.scheduled_at]);
-  return (
+
-    <div>
+    const handleSave = async (DictParaPatch) => {
-        <FormConsultaPaciente agendamento={DictInfo} setAgendamento={setDict} onSave={handleSave}/>
+        try {
-    </div>
+            const myHeaders = new Headers();
-  )
+            myHeaders.append("Content-Type", "application/json");
+            myHeaders.append('apikey', API_KEY);
+            myHeaders.append("authorization", authHeader);
+            myHeaders.append('Prefer', 'return=representation');
+
+            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 = {
+                method: 'PATCH',
+                headers: myHeaders,
+                body: raw,
+                redirect: 'follow'
+            };
+
+            const response = await fetch(`https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/appointments?id=eq.${DictInfo.id}`, requestOptions);
+
+            if (!response.ok) {
+                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}
+                onCancel={handleCancel}
+            />
+        </div>
+    )
 }
 
-export default ConsultaEditPage
+export default ConsultaEditPage;

src/PagesPaciente/ConsultasPaciente.jsx

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