140 lines
4.1 KiB
JavaScript
140 lines
4.1 KiB
JavaScript
import React, { useState, useEffect } from 'react';import { GetDoctorByID } from '../utils/Functions-Endpoints/Doctor';
|
|
import { GetPatientByID } from '../utils/Functions-Endpoints/Patient';
|
|
import { useAuth } from '../utils/AuthProvider';
|
|
import { useNavigate } from 'react-router-dom';
|
|
import { useMemo } from 'react';
|
|
import "./style/card-consulta.css"
|
|
const CardConsulta = ( {DadosConsulta, TabelaAgendamento, setShowDeleteModal, setDictInfo, setSelectedId, setShowConfirmModal, corModal, selectedID, coresConsultas, setListaConsultaID, listaConsultasID} ) => {
|
|
const navigate = useNavigate();
|
|
|
|
console.log(DadosConsulta)
|
|
|
|
const {getAuthorizationHeader} = useAuth()
|
|
const authHeader = getAuthorizationHeader()
|
|
const [Paciente, setPaciente] = useState()
|
|
const [Medico, setMedico] = useState()
|
|
|
|
const [decidirBotton, setDecidirBotton] = useState("")
|
|
|
|
|
|
|
|
const ids = useMemo(() => {
|
|
return {
|
|
doctor_id: DadosConsulta?.doctor_id,
|
|
patient_id: DadosConsulta?.patient_id,
|
|
status: DadosConsulta?.status
|
|
};
|
|
}, [DadosConsulta]);
|
|
|
|
|
|
useEffect(() => {
|
|
const BuscarMedicoEPaciente = async () => {
|
|
if (!ids.doctor_id || !ids.patient_id || ids.status === 'nada') return;
|
|
|
|
try {
|
|
const [Doctor, Patient] = await Promise.all([
|
|
GetDoctorByID(ids.doctor_id, authHeader),
|
|
GetPatientByID(ids.patient_id, authHeader)
|
|
]);
|
|
|
|
setMedico(Doctor?.[0] || null);
|
|
setPaciente(Patient?.[0] || null);
|
|
} catch (error) {
|
|
console.error('Erro ao buscar médico/paciente:', error);
|
|
}
|
|
};
|
|
|
|
BuscarMedicoEPaciente();
|
|
}, [ids, authHeader]);
|
|
|
|
let nameArrayPaciente = DadosConsulta.medico_nome?.split(' ')
|
|
|
|
let nameArrayMedico = DadosConsulta?.paciente_nome.split(' ')
|
|
|
|
|
|
let indice_cor = listaConsultasID.indexOf(DadosConsulta.id)
|
|
|
|
// console.log(coresConsultas)
|
|
//console.log(indice_cor,"indice no cores")
|
|
|
|
|
|
|
|
|
|
return (
|
|
<div className={`container-cardconsulta container-cardconsulta-${TabelaAgendamento} ` }>
|
|
|
|
|
|
{DadosConsulta.id?
|
|
|
|
<div className={`cardconsulta`} id={indice_cor !== -1 ? `status-card-consulta-${coresConsultas[indice_cor]}` : `status-card-consulta-${DadosConsulta.status}`}>
|
|
|
|
<div>
|
|
<section className='cardconsulta-infosecundaria'>
|
|
<p>Medico:{DadosConsulta.horario} {nameArrayMedico && nameArrayMedico.length > 0 ? nameArrayMedico[0] : ''} {nameArrayMedico && nameArrayMedico.length > 1 ? ` ${nameArrayMedico[1]}` : ''} </p>
|
|
</section>
|
|
|
|
<section className='cardconsulta-infoprimaria'>
|
|
|
|
<p>Paciente: {nameArrayPaciente && nameArrayPaciente.length > 0 ? nameArrayPaciente[0] : ''} {nameArrayPaciente && nameArrayPaciente.length > 1 ? ` ${nameArrayPaciente[1]}` : ''}- {}
|
|
|
|
|
|
|
|
</p>
|
|
</section>
|
|
</div>
|
|
|
|
<div className='actions-container'>
|
|
<button className="btn btn-sm btn-edit-custom"
|
|
|
|
onClick={() => {navigate(`2/edit`)
|
|
setDictInfo({...DadosConsulta,paciente_cpf:Paciente.cpf, paciente_nome:Paciente.full_name, nome_medico:Medico.full_name})
|
|
}}
|
|
|
|
>
|
|
<i className="bi bi-pencil me-1"></i>
|
|
</button>
|
|
{DadosConsulta.status === "cancelled" ?
|
|
<button
|
|
className="btn btn-sm btn-confirm-style"
|
|
onClick={() => {
|
|
console.log(DadosConsulta.id)
|
|
setShowConfirmModal(true)
|
|
setSelectedId(DadosConsulta.id);
|
|
}}
|
|
>
|
|
<i class="bi bi-check-lg"></i>
|
|
</button>
|
|
:
|
|
<button
|
|
className="btn btn-sm btn-delete-custom-style "
|
|
onClick={() => {
|
|
console.log(DadosConsulta.id)
|
|
setSelectedId(DadosConsulta.id);
|
|
|
|
|
|
setShowDeleteModal(true);
|
|
|
|
}}
|
|
>
|
|
<i className="bi bi-trash me-1"></i>
|
|
</button>
|
|
|
|
|
|
}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
:
|
|
null
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default CardConsulta |