forked from RiseUP/riseup-squad23
endpoints medico e paciente
This commit is contained in:
parent
274bbef699
commit
dcaae077c4
@ -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;
|
||||
@ -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 [Medico, setMedico] = useState({})
|
||||
|
||||
const [Paciente, setPaciente] = useState([])
|
||||
const [idUsuario, setIDusuario] = useState(null);
|
||||
const [DictInfo, setDict] = useState({});
|
||||
const [Medico, setMedico] = useState(null);
|
||||
const [Paciente, setPaciente] = useState(null);
|
||||
|
||||
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])
|
||||
|
||||
setDict({ ...dadosConsulta });
|
||||
|
||||
const fetchInitialData = async () => {
|
||||
if (dadosConsulta.doctor_id) {
|
||||
const medicoData = await GetDoctorByID(dadosConsulta.doctor_id, authHeader);
|
||||
setMedico(medicoData[0]);
|
||||
}
|
||||
const ColherInfoUsuario =async () => {
|
||||
const result = await UserInfos(authHeader)
|
||||
|
||||
setIDusuario(result?.profile?.id)
|
||||
|
||||
if (dadosConsulta.patient_id) {
|
||||
const pacienteData = await GetPatientByID(dadosConsulta.patient_id, authHeader);
|
||||
setPaciente(pacienteData[0]);
|
||||
}
|
||||
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]})
|
||||
}, [Medico])
|
||||
if (Medico) {
|
||||
setDict(prevDict => ({
|
||||
...prevDict,
|
||||
medico_nome: Medico?.full_name,
|
||||
dataAtendimento: dadosConsulta.scheduled_at?.split("T")[0]
|
||||
}));
|
||||
}
|
||||
}, [Medico, dadosConsulta.scheduled_at]);
|
||||
|
||||
|
||||
|
||||
let authHeader = getAuthorizationHeader()
|
||||
|
||||
const handleSave = (DictParaPatch) => {
|
||||
var myHeaders = new Headers();
|
||||
const handleSave = async (DictParaPatch) => {
|
||||
try {
|
||||
const myHeaders = new Headers();
|
||||
myHeaders.append("Content-Type", "application/json");
|
||||
myHeaders.append('apikey', API_KEY)
|
||||
myHeaders.append("authorization", authHeader)
|
||||
|
||||
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
|
||||
|
||||
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,
|
||||
});
|
||||
|
||||
|
||||
var requestOptions = {
|
||||
const 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));
|
||||
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}/>
|
||||
{}
|
||||
<FormConsultaPaciente
|
||||
agendamento={DictInfo}
|
||||
setAgendamento={setDict}
|
||||
onSave={handleSave}
|
||||
onCancel={handleCancel}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default ConsultaEditPage
|
||||
export default ConsultaEditPage;
|
||||
|
||||
@ -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 {getAuthorizationHeader} = useAuth()
|
||||
|
||||
const ConsultasPaciente = ({ setConsulta }) => {
|
||||
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) => {
|
||||
// Verifica se a lista de agendamentos é válida antes de tentar filtrar
|
||||
const FiltrarAgendamentos = (agendamentos, id) => {
|
||||
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)
|
||||
.then(response => response.json())
|
||||
.then(result => {FiltrarAgendamentos(result, "6e7f8829-0574-42df-9290-8dbb70f75ada" )})
|
||||
.catch(error => console.log('error', error));
|
||||
const response = await fetch("https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/appointments?select=*", requestOptions);
|
||||
const result = await response.json();
|
||||
FiltrarAgendamentos(result, "6e7f8829-0574-42df-9290-8dbb70f75ada");
|
||||
} catch (error) {
|
||||
console.log('error', error);
|
||||
}
|
||||
};
|
||||
|
||||
}, [])
|
||||
fetchConsultas();
|
||||
}, [authHeader]);
|
||||
|
||||
const navigate = useNavigate()
|
||||
|
||||
const deleteConsulta= (ID) => {
|
||||
var myHeaders = new Headers();
|
||||
const deleteConsulta = async (ID) => {
|
||||
try {
|
||||
const myHeaders = new Headers();
|
||||
myHeaders.append("Content-Type", "application/json");
|
||||
myHeaders.append('apikey', API_KEY)
|
||||
myHeaders.append("authorization", authHeader)
|
||||
myHeaders.append('apikey', API_KEY);
|
||||
myHeaders.append("authorization", authHeader);
|
||||
|
||||
const raw = JSON.stringify({ "status": "cancelled" });
|
||||
|
||||
var raw = JSON.stringify({ "status":"cancelled"
|
||||
});
|
||||
|
||||
|
||||
var requestOptions = {
|
||||
const requestOptions = {
|
||||
method: 'PATCH',
|
||||
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));
|
||||
const response = await fetch(`https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/appointments?id=eq.${ID}`, requestOptions);
|
||||
|
||||
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;
|
||||
Loading…
x
Reference in New Issue
Block a user