GilenoNeto901/riseup-squad23
1
0
Fork 0
forked from RiseUP/riseup-squad23
Code Pull Requests Activity

Possibilidade do paciente apagar e editar uma consulta

Browse Source
This commit is contained in:
joao_pedro 2025-11-04 08:30:57 -03:00
parent c502b73a95
commit 49e25c0511
7 changed files with 114 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/PagesMedico/DoctorAgendamentoManager.jsx
View File

@ -226,12 +226,6 @@ const deleteConsulta = (selectedPatientId) => {
return ListaDiasDatas return ListaDiasDatas
} }
const handleClickAgendamento = (agendamento) => {
if (agendamento.status !== 'vazio') return
else setPageConsulta(true)
};
const handleClickCancel = () => setPageConsulta(false) const handleClickCancel = () => setPageConsulta(false)
@ -278,7 +272,7 @@ const deleteConsulta = (selectedPatientId) => {
</div> </div>
</section> </section>
{tabela === "diario" && <TabelaAgendamentoDia handleClickAgendamento={handleClickAgendamento} agendamentos={DictAgendamentosOrganizados} {tabela === "diario" && <TabelaAgendamentoDia agendamentos={DictAgendamentosOrganizados}
setShowDeleteModal={setShowDeleteModal} setSelectedId={setSelectedId} setDictInfo={setDictInfo} setShowDeleteModal={setShowDeleteModal} setSelectedId={setSelectedId} setDictInfo={setDictInfo}
listaConsultasID={[]} setListaConsultaID={setListaConsultaID} coresConsultas={coresConsultas}/>} listaConsultasID={[]} setListaConsultaID={setListaConsultaID} coresConsultas={coresConsultas}/>}

25
src/PagesPaciente/ConsultaEditPage.jsx
View File

@ -9,7 +9,7 @@ import { GetPatientByID } from '../components/utils/Functions-Endpoints/Patient'
// 1. Importe o useNavigate // 1. Importe o useNavigate
import { useNavigate } from 'react-router-dom' import { useNavigate } from 'react-router-dom'
const ConsultaEditPage = ({ dadosConsulta }) => { const ConsultaEditPage = ({ DictInfo }) => {
// 2. Crie a instância do navigate // 2. Crie a instância do navigate
const navigate = useNavigate(); const navigate = useNavigate();
@ -17,20 +17,23 @@ const ConsultaEditPage = ({ dadosConsulta }) => {
const authHeader = getAuthorizationHeader(); const authHeader = getAuthorizationHeader();
const [idUsuario, setIDusuario] = useState(null); const [idUsuario, setIDusuario] = useState(null);
const [DictInfo, setDict] = useState({}); const [Dict, setDict] = useState({});
const [Medico, setMedico] = useState(null); const [Medico, setMedico] = useState(null);
const [Paciente, setPaciente] = useState(null); const [Paciente, setPaciente] = useState(null);
console.log("dentro do edit", DictInfo)
useEffect(() => { useEffect(() => {
setDict({ ...dadosConsulta }); setDict({ ...DictInfo });
const fetchInitialData = async () => { const fetchInitialData = async () => {
if (dadosConsulta.doctor_id) { if (DictInfo.doctor_id) {
const medicoData = await GetDoctorByID(dadosConsulta.doctor_id, authHeader); const medicoData = await GetDoctorByID(DictInfo.doctor_id, authHeader);
setMedico(medicoData[0]); setMedico(medicoData[0]);
} }
if (dadosConsulta.patient_id) { if (DictInfo.patient_id) {
const pacienteData = await GetPatientByID(dadosConsulta.patient_id, authHeader); const pacienteData = await GetPatientByID(DictInfo.patient_id, authHeader);
setPaciente(pacienteData[0]); setPaciente(pacienteData[0]);
} }
}; };
@ -43,17 +46,17 @@ const ConsultaEditPage = ({ dadosConsulta }) => {
fetchUserInfo(); fetchUserInfo();
fetchInitialData(); fetchInitialData();
}, [dadosConsulta, authHeader]); }, [DictInfo, authHeader]);
useEffect(() => { useEffect(() => {
if (Medico) { if (Medico) {
setDict(prevDict => ({ setDict(prevDict => ({
...prevDict, ...prevDict,
medico_nome: Medico?.full_name, medico_nome: Medico?.full_name,
dataAtendimento: dadosConsulta.scheduled_at?.split("T")[0] dataAtendimento: DictInfo.scheduled_at?.split("T")[0]
})); }));
} }
}, [Medico, dadosConsulta.scheduled_at]); }, [Medico, DictInfo.scheduled_at]);
const handleSave = async (DictParaPatch) => { const handleSave = async (DictParaPatch) => {
try { try {
@ -112,7 +115,7 @@ const ConsultaEditPage = ({ dadosConsulta }) => {
<div> <div>
{} {}
<FormConsultaPaciente <FormConsultaPaciente
agendamento={DictInfo} agendamento={Dict}
setAgendamento={setDict} setAgendamento={setDict}
onSave={handleSave} onSave={handleSave}
onCancel={handleCancel} onCancel={handleCancel}

133
src/PagesPaciente/ConsultasPaciente.jsx
View File

@ -12,7 +12,7 @@ import { UserInfos } from '../components/utils/Functions-Endpoints/General'
import dayjs from 'dayjs' import dayjs from 'dayjs'
import TabelaAgendamentoDia from "../components/AgendarConsulta/TabelaAgendamentoDia" import TabelaAgendamentoDia from "../components/AgendarConsulta/TabelaAgendamentoDia"
const ConsultasPaciente = ({ setConsulta }) => { const ConsultasPaciente = ({ setDictInfo }) => {
const { getAuthorizationHeader } = useAuth() const { getAuthorizationHeader } = useAuth()
const [agendamentosOrganizados, setAgendamentosOrganizados] = useState({}) const [agendamentosOrganizados, setAgendamentosOrganizados] = useState({})
const [listaTodasConsultas, setListaTodasConsultas] = useState([]) const [listaTodasConsultas, setListaTodasConsultas] = useState([])
@ -21,8 +21,10 @@ const ConsultasPaciente = ({ setConsulta }) => {
const [selectedID, setSelectedId] = useState("") const [selectedID, setSelectedId] = useState("")
let authHeader = getAuthorizationHeader() let authHeader = getAuthorizationHeader()
const [consultas, setConsultas] = useState([]) const [motivoCancelamento, setMotivoCancelamento] = useState("")
const [consultas, setConsultas] = useState([])
const [consultasOrganizadas, setConsultasOrganizadas] = useState({}) const [consultasOrganizadas, setConsultasOrganizadas] = useState({})
const [filaDeEspera, setFilaDeEspera] = useState([]) const [filaDeEspera, setFilaDeEspera] = useState([])
@ -34,11 +36,9 @@ const ConsultasPaciente = ({ setConsulta }) => {
let filaEspera = [] let filaEspera = []
const fetchInfosConsultas = async (consulta) => { const fetchInfosConsultas = async (consulta) => {
//console.log(doctor, "PACIENTE TRAZIDO PELO ") //console.log(doctor, "PACIENTE TRAZIDO PELO ")
// let consultaMelhorada = {...consulta, paciente_nome:paciente[0].full_name, medico_nome:doctor[0].full_name } //let consultaMelhorada = {...consulta, paciente_nome:paciente[0].full_name, medico_nome:doctor[0].full_name }
//console.log(consultaMelhorada,"ID DO MEDICO") //console.log(consultaMelhorada,"ID DO MEDICO")
@ -117,6 +117,7 @@ const ConsultasPaciente = ({ setConsulta }) => {
}, []); }, []);
const navigate = useNavigate() const navigate = useNavigate()
const deleteConsulta = async (ID) => { const deleteConsulta = async (ID) => {
try { try {
const myHeaders = new Headers(); const myHeaders = new Headers();
@ -124,7 +125,7 @@ const ConsultasPaciente = ({ setConsulta }) => {
myHeaders.append('apikey', API_KEY); myHeaders.append('apikey', API_KEY);
myHeaders.append("authorization", authHeader); myHeaders.append("authorization", authHeader);
const raw = JSON.stringify({ "status": "cancelled" }); const raw = JSON.stringify({ "status": "cancelled", "cancellation_reason":motivoCancelamento });
const requestOptions = { const requestOptions = {
method: 'PATCH', method: 'PATCH',
@ -158,8 +159,11 @@ const ConsultasPaciente = ({ setConsulta }) => {
<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 <i className="bi bi-plus-circle"></i> Adicionar Consulta
</button> </button>
{!viewFila ?
<button onClick={() => setViewFila(true)}> Fila de espera</button> <button onClick={() => setViewFila(true)}> Fila de espera</button>
:
<button onClick={() => setViewFila(false)}>Consultas </button>
}
<h2>Seus próximos atendimentos</h2> <h2>Seus próximos atendimentos</h2>
{viewFila ? {viewFila ?
@ -221,46 +225,87 @@ const ConsultasPaciente = ({ setConsulta }) => {
</div> </div>
: :
<TabelaAgendamentoDia agendamentos={consultasOrganizadas} listaConsultasID={[]}/> <TabelaAgendamentoDia agendamentos={consultasOrganizadas} listaConsultasID={[]} setDictInfo={setDictInfo} selectedID={selectedID} setSelectedId={setSelectedId} setShowDeleteModal={setShowDeleteModal}/>
} }
{showDeleteModal && {showDeleteModal && (
<div className="modal-dialog modal-dialog-centered"> <div
<div className="modal-content"> className="modal fade show"
<div className="modal-header bg-danger bg-opacity-25"> style={{
<h5 className="modal-title text-danger"> display: "block",
Confirmação de Exclusão backgroundColor: "rgba(0, 0, 0, 0.5)",
</h5> }}
<button tabIndex="-1"
type="button" onClick={(e) =>
className="btn-close" e.target.classList.contains("modal") && setShowDeleteModal(false)
onClick={() => setShowDeleteModal(false)} }
></button> >
</div> <div className="modal-dialog modal-dialog-centered">
<div className="modal-body"> <div className="modal-content">
<p className="mb-0 fs-5">
Tem certeza que deseja excluir este agendamento? <div className="modal-header bg-danger bg-opacity-25">
</p> <h5 className="modal-title text-danger">
</div> Confirmação de Cancelamento
<div className="modal-footer"> </h5>
<button <button
type="button" type="button"
className="btn btn-primary" className="btn-close"
onClick={() => setShowDeleteModal(false)} onClick={() => setShowDeleteModal(false)}
> ></button>
Cancelar </div>
</button>
<button <div className="modal-body">
type="button" <p className="mb-0 fs-5">
className="btn btn-danger" Qual o motivo do cancelamento?
onClick={() => { deleteConsulta(selectedID); setShowDeleteModal(false) }} </p>
> <div className='campo-de-input'>
<i className="bi bi-trash me-1"></i> Excluir
</button> <textarea className='input-modal' value={motivoCancelamento} onChange={(e) => setMotivoCancelamento(e.target.value)} />
</div> </div>
</div> </div>
</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)
/* let lista_cores = coresConsultas
let lista = listaConsultasID
lista.push(selectedID)
lista_cores.push("cancelled")
setCoresConsultas(lista_cores)
setListaConsultaID(lista)
console.log("lista", lista)*/
}}
>
<i className="bi bi-trash me-1"></i> Excluir
</button>
</div>
</div> </div>
</div>
</div>)}
</div>
</div> </div>
) )
} }

4
src/components/AgendarConsulta/CardConsulta.jsx
View File

@ -80,7 +80,9 @@ const CardConsulta = ( {DadosConsulta, TabelaAgendamento, setShowDeleteModal, se
<button className="btn btn-sm btn-edit-custom" <button className="btn btn-sm btn-edit-custom"
onClick={() => {navigate(`edit`) onClick={() => {navigate(`edit`)
setDictInfo({...DadosConsulta,paciente_cpf:"", paciente_nome:DadosConsulta?.paciente_nome, nome_medico:DadosConsulta?.medico_nome})
console.log(DadosConsulta)
setDictInfo({...DadosConsulta,paciente_cpf:"", paciente_nome:DadosConsulta?.paciente_nome, nome_medico:DadosConsulta?.medico_nome})
}} }}
> >

4
src/components/AgendarConsulta/TabelaAgendamentoDia.jsx
View File

@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
import CardConsulta from './CardConsulta'; import CardConsulta from './CardConsulta';
import "./style/styleTabelas/tabeladia.css"; import "./style/styleTabelas/tabeladia.css";
const TabelaAgendamentoDia = ({ handleClickAgendamento, agendamentos, setShowDeleteModal, setDictInfo,selectedID, setSelectedId, setShowConfirmModal, coresConsultas, setListaConsultaID, listaConsultasID }) => { const TabelaAgendamentoDia = ({ agendamentos, setShowDeleteModal, setDictInfo,selectedID, setSelectedId, setShowConfirmModal, coresConsultas, setListaConsultaID, listaConsultasID }) => {
const [indiceAcesso, setIndiceAcesso] = useState(0) const [indiceAcesso, setIndiceAcesso] = useState(0)
const [Dia, setDia] = useState() const [Dia, setDia] = useState()
const agendamentosDoDia = agendamentos?.semana1?.segunda || []; const agendamentosDoDia = agendamentos?.semana1?.segunda || [];
@ -70,7 +70,7 @@ const TabelaAgendamentoDia = ({ handleClickAgendamento, agendamentos, setShowDel
<td className='coluna-horario'><p className='horario-texto'>{`${horario[0]}:${horario[1]}`}</p></td> <td className='coluna-horario'><p className='horario-texto'>{`${horario[0]}:${horario[1]}`}</p></td>
<td className='mostrar-horario'> <td className='mostrar-horario'>
<div onClick={() => handleClickAgendamento(agendamento)}> <div>
<CardConsulta DadosConsulta={agendamento} TabelaAgendamento={'dia'} setShowDeleteModal={setShowDeleteModal} setDictInfo={setDictInfo} setSelectedId={setSelectedId} selectedID={selectedID} setShowConfirmModal={setShowConfirmModal} coresConsultas={coresConsultas} setListaConsultaID={setListaConsultaID} listaConsultasID={listaConsultasID}/> <CardConsulta DadosConsulta={agendamento} TabelaAgendamento={'dia'} setShowDeleteModal={setShowDeleteModal} setDictInfo={setDictInfo} setSelectedId={setSelectedId} selectedID={selectedID} setShowConfirmModal={setShowConfirmModal} coresConsultas={coresConsultas} setListaConsultaID={setListaConsultaID} listaConsultasID={listaConsultasID}/>
</div> </div>
</td> </td>

8
src/pages/Agendamento.jsx
View File

@ -252,12 +252,6 @@ const confirmConsulta = (selectedPatientId) => {
} }
const handleClickAgendamento = (agendamento) => {
if (agendamento.status !== 'vazio') return
else setPageConsulta(true)
};
useEffect(() => { useEffect(() => {
console.log("mudou FiltredTodosMedicos:", FiltredTodosMedicos); console.log("mudou FiltredTodosMedicos:", FiltredTodosMedicos);
if (MedicoFiltrado.id != "vazio" ) { if (MedicoFiltrado.id != "vazio" ) {
@ -435,7 +429,7 @@ const handleSearchMedicos = (term) => {
</section> </section>
{/* Componentes de Tabela - Adicionado props de delete da main */} {/* Componentes de Tabela - Adicionado props de delete da main */}
{tabela === "diario" && <TabelaAgendamentoDia handleClickAgendamento={handleClickAgendamento} agendamentos={DictAgendamentosOrganizados} setShowDeleteModal={setShowDeleteModal} setSelectedId={setSelectedId} selectedID={selectedID} setDictInfo={setDictInfo} setShowConfirmModal={setShowConfirmModal} coresConsultas={coresConsultas} setListaConsultaID={setListaConsultaID} listaConsultasID={listaConsultasID} />} {tabela === "diario" && <TabelaAgendamentoDia agendamentos={DictAgendamentosOrganizados} setShowDeleteModal={setShowDeleteModal} setSelectedId={setSelectedId} selectedID={selectedID} setDictInfo={setDictInfo} setShowConfirmModal={setShowConfirmModal} coresConsultas={coresConsultas} setListaConsultaID={setListaConsultaID} listaConsultasID={listaConsultasID} />}
{tabela === 'semanal' && <TabelaAgendamentoSemana agendamentos={DictAgendamentosOrganizados} ListarDiasdoMes={ListarDiasdoMes} setShowDeleteModal={setShowDeleteModal} setSelectedId={setSelectedId} selectedID={selectedID} setDictInfo={setDictInfo} setShowConfirmModal={setShowConfirmModal} coresConsultas={coresConsultas} setListaConsultaID={setListaConsultaID} listaConsultasID={listaConsultasID}/>} {tabela === 'semanal' && <TabelaAgendamentoSemana agendamentos={DictAgendamentosOrganizados} ListarDiasdoMes={ListarDiasdoMes} setShowDeleteModal={setShowDeleteModal} setSelectedId={setSelectedId} selectedID={selectedID} setDictInfo={setDictInfo} setShowConfirmModal={setShowConfirmModal} coresConsultas={coresConsultas} setListaConsultaID={setListaConsultaID} listaConsultasID={listaConsultasID}/>}
{tabela === 'mensal' && <TabelaAgendamentoMes ListarDiasdoMes={ListarDiasdoMes} aplicarCores={true} agendamentos={DictAgendamentosOrganizados} setShowDeleteModal={setShowDeleteModal} setSelectedId={setSelectedId} selectedID={selectedID} setDictInfo={setDictInfo} setShowConfirmModal={setShowConfirmModal} coresConsultas={coresConsultas} setListaConsultaID={setListaConsultaID} listaConsultasID={listaConsultasID}/>} {tabela === 'mensal' && <TabelaAgendamentoMes ListarDiasdoMes={ListarDiasdoMes} aplicarCores={true} agendamentos={DictAgendamentosOrganizados} setShowDeleteModal={setShowDeleteModal} setSelectedId={setSelectedId} selectedID={selectedID} setDictInfo={setDictInfo} setShowConfirmModal={setShowConfirmModal} coresConsultas={coresConsultas} setListaConsultaID={setListaConsultaID} listaConsultasID={listaConsultasID}/>}
</div> </div>

6
src/perfis/Perfil_paciente/Perfilpaciente.jsx
View File

@ -10,6 +10,8 @@ function PerfilPaciente({ onLogout }) {
const [dadosConsulta, setConsulta] = useState({}) const [dadosConsulta, setConsulta] = useState({})
const [DictInfo, setDictInfo] = useState({})
return ( return (
@ -19,9 +21,9 @@ const [dadosConsulta, setConsulta] = useState({})
<div id="main"> <div id="main">
<Routes> <Routes>
<Route path="/" element={<LaudoManager />} /> <Route path="/" element={<LaudoManager />} />
<Route path="agendamento" element={<ConsultasPaciente setConsulta={setConsulta}/>} /> <Route path="agendamento" element={<ConsultasPaciente setDictInfo={setDictInfo}/>} />
<Route path="agendamento/criar" element={<ConsultaCadastroManager />} /> <Route path="agendamento/criar" element={<ConsultaCadastroManager />} />
<Route path="agendamento/edit" element={<ConsultaEditPage dadosConsulta={dadosConsulta} />} /> <Route path="agendamento/edit" element={<ConsultaEditPage DictInfo={DictInfo} />} />
<Route path="laudo" element={<LaudoManager />} /> <Route path="laudo" element={<LaudoManager />} />
<Route path="*" element={<h2>Página não encontrada</h2>} /> <Route path="*" element={<h2>Página não encontrada</h2>} />
</Routes> </Routes>