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

finalizando o mergin com Adicionado-o-modal

Browse Source
This commit is contained in:
jp-lima 2025-09-25 08:16:45 -03:00
commit 60b09c0a13
5 changed files with 177 additions and 205 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

173
src/components/doctors/DoctorForm.jsx
View File

@ -124,6 +124,9 @@ function DoctorForm({ onSave, onCancel, PatientDict }) {
}; };
// Função para buscar endereço pelo CEP // Função para buscar endereço pelo CEP
const [showModal, setShowModal] = useState(false);
const [modalMsg, setModalMsg] = useState('');
const handleCepBlur = async () => { const handleCepBlur = async () => {
const cep = formData.cep.replace(/\D/g, ''); const cep = formData.cep.replace(/\D/g, '');
if (cep.length === 8) { if (cep.length === 8) {
@ -139,17 +142,20 @@ function DoctorForm({ onSave, onCancel, PatientDict }) {
estado: data.uf || '' estado: data.uf || ''
})); }));
} else { } else {
alert('CEP não encontrado!'); setModalMsg('CEP não encontrado!');
setShowModal(true);
} }
} catch (error) { } catch (error) {
alert('Erro ao buscar o CEP.'); setModalMsg('Erro ao buscar o CEP.');
setShowModal(true);
} }
} }
}; };
const handleSubmit = () => { const handleSubmit = () => {
if (!formData.nome || !formData.cpf || !formData.genero || !formData.dataNascimento || !formData.email) { if (!formData.nome || !formData.cpf || !formData.genero || !formData.dataNascimento ) {
alert('Por favor, preencha: Nome ,CPF, Gênero, Data de Nascimento e Email.'); setModalMsg('Por favor, preencha: Nome, CPF, Gênero, Data de Nascimento.');
setShowModal(true);
return; return;
} }
@ -180,9 +186,31 @@ function DoctorForm({ onSave, onCancel, PatientDict }) {
} }
} }
); );
setModalMsg('Médico salvo com sucesso!');
setShowModal(true);
}; };
return ( return (
<>
{/* Modal de feedback */}
{showModal && (
<div className="modal fade show" style={{ display: 'block' }} tabIndex="-1">
<div className="modal-dialog modal-dialog-centered">
<div className="modal-content">
<div className="modal-header">
<h5 className="modal-title">Atenção</h5>
<button type="button" className="btn-close" onClick={() => setShowModal(false)}></button>
</div>
<div className="modal-body">
<p style={{ color: '#23336f', fontSize: '1.3rem', fontWeight: 500 }}>{modalMsg}</p>
</div>
<div className="modal-footer">
<button type="button" className="btn btn-primary" onClick={() => setShowModal(false)}>Fechar</button>
</div>
</div>
</div>
</div>
)}
<div className="card p-3 shadow-sm"> <div className="card p-3 shadow-sm">
<h3 className="mb-4 text-center" style={{ fontSize: '2.5rem' }}>MediConnect</h3> <h3 className="mb-4 text-center" style={{ fontSize: '2.5rem' }}>MediConnect</h3>
@ -247,7 +275,7 @@ function DoctorForm({ onSave, onCancel, PatientDict }) {
</div> </div>
<div className="col-md-6 mb-3"> <div className="col-md-6 mb-3">
<label style={{ fontSize: '1.1rem' }}>Data de nascimento: *</label> <label style={{ fontSize: '1.1rem' }}>Data de nascimento: *</label>
<input type="date" className="form-control" name="dataNascimento" value={formData.dataNascimento} onChange={handleChange} style={{ fontSize: '1.1rem' }} /> <input type="date" className="form-control" name="dataNascimento" value={formData.dataNascimento} onChange={handleChange} style={{ fontSize: '1.1rem' }} min="1900-01-01" max="2025-09-24" />
</div> </div>
<div className="col-md-6 mb-3"> <div className="col-md-6 mb-3">
<label style={{ fontSize: '1.1rem' }}>Gênero: *</label> <label style={{ fontSize: '1.1rem' }}>Gênero: *</label>
@ -406,11 +434,11 @@ function DoctorForm({ onSave, onCancel, PatientDict }) {
<div className={`collapse${collapsedSections.contato ? ' show' : ''}`}> <div className={`collapse${collapsedSections.contato ? ' show' : ''}`}>
<div className="row mt-3"> <div className="row mt-3">
<div className="col-md-6 mb-3"> <div className="col-md-6 mb-3">
<label style={{ fontSize: '1.1rem' }}>Email: *</label> <label style={{ fontSize: '1.1rem' }}>Email: </label>
<input type="email" className="form-control" name="email" value={formData.email} onChange={handleChange} style={{ fontSize: '1.1rem' }} /> <input type="email" className="form-control" name="email" value={formData.email} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
</div> </div>
<div className="col-md-6 mb-3"> <div className="col-md-6 mb-3">
<label style={{ fontSize: '1.1rem' }}>Telefone: *</label> <label style={{ fontSize: '1.1rem' }}>Telefone: </label>
<input type="text" className="form-control" name="telefone1" value={formData.telefone1} onChange={handleChange} style={{ fontSize: '1.1rem' }} /> <input type="text" className="form-control" name="telefone1" value={formData.telefone1} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
</div> </div>
<div className="col-md-6 mb-3"> <div className="col-md-6 mb-3">
@ -434,137 +462,10 @@ function DoctorForm({ onSave, onCancel, PatientDict }) {
Cancelar Cancelar
</button> </button>
</div> </div>
</div> </div>
// <div className="card p-3"> </>
// <h3 className="mb-4 text-center" style={{ fontSize: '2.5rem' }}>MediConnect</h3>
// {/* ------------------ DADOS PESSOAIS ------------------ */}
// <h5 className="mb-3">Dados Pessoais</h5>
// <div className="row">
// <div className="col-md-6 mb-3">
// <label>Nome: *</label>
// <input type="text" className="form-control" name="nome" value={formData.nome} onChange={handleChange} />
// </div>
// <div className="col-md-6 mb-3">
// <label>Nome social:</label>
// <input type="text" className="form-control" name="nomeSocial" value={formData.nomeSocial} onChange={handleChange} />
// </div>
// <div className="col-md-6 mb-3">
// <label>Data de nascimento:</label>
// <input type="date" className="form-control" name="dataNascimento" value={formData.dataNascimento} onChange={handleChange} />
// </div>
// <div className="col-md-6 mb-3">
// <label>Gênero: *</label>
// <select className="form-control" name="genero" value={formData.genero} onChange={handleChange}>
// <option value="">Selecione</option>
// <option value="Masculino">Masculino</option>
// <option value="Feminino">Feminino</option>
// <option value="Outro">Outro</option>
// </select>
// </div>
// <div className="col-md-6 mb-3">
// <label>CPF: *</label>
// <input type="text" className="form-control" name="cpf" value={formData.cpf} onChange={ handleChange} />
// </div>
// <div className="col-md-6 mb-3">
// <label>Especialização:</label>
// <select
// className="form-control"
// name="profissao"
// value={formData.profissao}
// onChange={handleChange}
// >
// <option value="">Selecione uma especialização</option>
// <option value="Cardiologia">Clínica médica (clínico geral)</option>
// <option value="Dermatologia">Pediatria</option>
// <option value="Ginecologia">Ginecologia e obstetrícia</option>
// <option value="Pediatria">Cardiologia</option>
// <option value="Ortopedia">Ortopedia e traumatologia</option>
// <option value="Oftalmologia">Oftalmologia</option>
// <option value="Neurologia">Otorrinolaringologia</option>
// <option value="Psiquiatria">Dermatologia</option>
// <option value="Endocrinologia">Neurologia</option>
// <option value="Oncologia">Psiquiatria</option>
// <option value="Oncologia">Endocrinologia</option>
// <option value="Oncologia">Gastroenterologia</option>
// <option value="Oncologia">Urologia</option>
// </select>
// </div>
// </div>
// {/* ------------------ ENDEREÇO ------------------ */}
// <h5>Endereço</h5>
// <div className="row">
// <div className="col-md-4 mb-3">
// <label>CEP:</label>
// <input type="text" className="form-control" name="cep" value={formData.cep} onChange={handleChange} onBlur={handleCepBlur} />
// </div>
// <div className="col-md-8 mb-3">
// <label>Rua:</label>
// <input type="text" className="form-control" name="rua" value={formData.rua} onChange={handleChange} />
// </div>
// <div className="col-md-6 mb-3">
// <label>Bairro:</label>
// <input type="text" className="form-control" name="bairro" value={formData.bairro} onChange={handleChange} />
// </div>
// <div className="col-md-4 mb-3">
// <label>Cidade:</label>
// <input type="text" className="form-control" name="cidade" value={formData.cidade} onChange={handleChange} />
// </div>
// <div className="col-md-2 mb-3">
// <label>Estado:</label>
// <input type="text" className="form-control" name="estado" value={formData.estado} onChange={handleChange} />
// </div>
// <div className="col-md-4 mb-3">
// <label>Número:</label>
// <input type="text" className="form-control" name="numero" value={formData.numero} onChange={handleChange} />
// </div>
// <div className="col-md-8 mb-3">
// <label>Complemento:</label>
// <input type="text" className="form-control" name="complemento" value={formData.complemento} onChange={handleChange} />
// </div>
// </div>
// {/* ------------------ CONTATO ------------------ */}
// <h5>Contato</h5>
// <div className="row">
// <div className="col-md-6 mb-3">
// <label>E-mail: *</label>
// <input type="email" className="form-control" name="email" value={formData.email} onChange={handleChange} />
// </div>
// <div className="col-md-6 mb-3">
// <label>Telefone: *</label>
// <input type="text" className="form-control" name="telefone1" value={formData.telefone1} onChange={handleChange} />
// </div>
// <div className="col-md-6 mb-3">
// <label>Telefone 2:</label>
// <input type="text" className="form-control" name="telefone2" value={formData.telefone2} onChange={handleChange} />
// </div>
// <div className="col-md-6 mb-3">
// <label>Telefone 3:</label>
// <input type="text" className="form-control" name="telefone3" value={formData.telefone3} onChange={handleChange} />
// </div>
// </div>
// {/* ------------------ INFORMAÇÕES ADICIONAIS ------------------ */}
// <h5>Informações Adicionais</h5>
// <div className="mb-3">
// <label>Observações:</label>
// <textarea className="form-control" name="observacoes" value={formData.observacoes} onChange={handleChange}></textarea>
// </div>
// {/* Botões */}
// <div className="mt-3">
// <button className="btn btn-success me-2" onClick={handleSubmit}>
// Salvar Paciente
// </button>
// <button className="btn btn-light" onClick={onCancel}>
// Cancelar
// </button>
// </div>
// </div>
); );
} }
export default DoctorForm; export default DoctorForm;

79
src/components/patients/PatientForm.jsx
View File

@ -1,8 +1,15 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
function PatientForm({ onSave, onCancel,formData, setFormData }) { function PatientForm({ onSave, onCancel,formData, setFormData }) {
// Estado para controlar modal de feedback
const [showMessage, setShowMessage] = useState(false);
const [message, setMessage] = useState('');
const [messageType, setMessageType] = useState('success'); // 'success' ou 'danger'
const FormatTelefones = (valor) => { const FormatTelefones = (valor) => {
const digits = String(valor).replace(/\D/g, '').slice(0, 11); const digits = String(valor).replace(/\D/g, '').slice(0, 11);
return digits return digits
@ -32,7 +39,6 @@ function PatientForm({ onSave, onCancel,formData, setFormData }) {
const result = await response.json() const result = await response.json()
return result.data return result.data
} }
@ -40,10 +46,10 @@ function PatientForm({ onSave, onCancel,formData, setFormData }) {
let aviso let aviso
let Erro = false let Erro = false
const resutadoAPI = await ReceberRespostaAPIdoCPF(cpf) const resultadoAPI = await ReceberRespostaAPIdoCPF(cpf)
const valido = resutadoAPI.valido const valido = resultadoAPI.valido
const ExisteNoBancoDeDados = resutadoAPI.existe const ExisteNoBancoDeDados = resultadoAPI.existe
if(valido === false){ if(valido === false){
aviso = 'CPF inválido' aviso = 'CPF inválido'
@ -109,8 +115,6 @@ function PatientForm({ onSave, onCancel,formData, setFormData }) {
const handleChange = (e) => { const handleChange = (e) => {
const { name, value, type, checked, files } = e.target; const { name, value, type, checked, files } = e.target;
console.log(formData, name)
if (type === 'checkbox') { if (type === 'checkbox') {
setFormData({ ...formData, [name]: checked }); setFormData({ ...formData, [name]: checked });
} else if (type === 'file') { } else if (type === 'file') {
@ -132,7 +136,7 @@ function PatientForm({ onSave, onCancel,formData, setFormData }) {
setFormData({...formData, cpf:FormatCPF(value) }); setFormData({...formData, cpf:FormatCPF(value) });
} else if (name.includes('telefone')) { }else if (name.includes('telefone')) {
let telefoneFormatado = FormatTelefones(value); let telefoneFormatado = FormatTelefones(value);
setContato(prev => ({ ...prev, [name]: telefoneFormatado })); setContato(prev => ({ ...prev, [name]: telefoneFormatado }));
}else if (name === 'email') { }else if (name === 'email') {
@ -140,6 +144,7 @@ function PatientForm({ onSave, onCancel,formData, setFormData }) {
}else if(name.includes('endereco')) { }else if(name.includes('endereco')) {
setEnderecoData(prev => ({ ...prev, [name.split('.')[1]]: value })); setEnderecoData(prev => ({ ...prev, [name.split('.')[1]]: value }));
}else{ }else{
console.log(formData, value)
setFormData({ ...formData, [name]: value }); setFormData({ ...formData, [name]: value });
} }
}; };
@ -170,20 +175,24 @@ function PatientForm({ onSave, onCancel,formData, setFormData }) {
const handleSubmit = async (e) => { const handleSubmit = async (e) => {
e.preventDefault(); e.preventDefault();
if (!formData.nome || !formData.cpf || !formData.sexo || !formData.data_nascimento){ if (!formData.nome || !formData.cpf || !formData.sexo || !formData.data_nascimento){
alert('Por favor, preencha Nome ,CPF, Gênero e data de nascimento.'); console.log(formData)
setMessage('Por favor, preencha: Nome, CPF, Gênero, Data de Nascimento .');
setMessageType('danger');
setShowMessage(true);
return; return;
} }
const CPFinvalido = await ValidarCPF(formData.cpf) const CPFinvalido = await ValidarCPF(formData.cpf);
console.log(CPFinvalido)
if(CPFinvalido[0] === true){ if(CPFinvalido[0] === true){
alert(CPFinvalido[1]) setMessage(CPFinvalido[1]);
return setMessageType('danger');
setShowMessage(true); return
} }
const pacienteSalvo = await onSave({ const pacienteSalvo = await onSave({
...formData, ...formData,
id: 2,
endereco: { endereco: {
cep: enderecoData.cep, cep: enderecoData.cep,
cidade: enderecoData.cidade, cidade: enderecoData.cidade,
@ -214,14 +223,19 @@ function PatientForm({ onSave, onCancel,formData, setFormData }) {
validadeIndeterminada: formData.validadeIndeterminada, validadeIndeterminada: formData.validadeIndeterminada,
pacienteVip: formData.pacienteVip, pacienteVip: formData.pacienteVip,
}, },
}); });
setMessage('Paciente salvo com sucesso!');
setMessageType('success');
setShowMessage(true);
const pacienteId = pacienteSalvo.id; const pacienteId = pacienteSalvo.id;
try{ try{
if (formData.foto) await uploadFotoPaciente(pacienteId, formData.foto); if (formData.foto) await uploadFotoPaciente(pacienteId, formData.foto);
if (formData.anexos) await uploadAnexoPaciente(pacienteId, formData.anexos); if (formData.anexos) await uploadAnexoPaciente(pacienteId, formData.anexos);
alert("Paciente salvo com sucesso!");
} catch (error) { } catch (error) {
console.error(error); console.error(error);
alert("Erro ao salvar paciente ou enviar arquivos."); alert("Erro ao salvar paciente ou enviar arquivos.");
@ -256,13 +270,40 @@ function PatientForm({ onSave, onCancel,formData, setFormData }) {
if (!res.ok) throw new Error('Erro ao enviar anexo'); if (!res.ok) throw new Error('Erro ao enviar anexo');
alert('Anexo enviado com sucesso!'); alert('Anexo enviado com sucesso!');
} catch (err) { } catch (err) {
console.error(err); console.error(err, 'deu erro');
alert('Falha ao enviar anexo');
} }
};
};
return ( return (
<div className="card p-3"> <div className="card p-3" style={{ position: 'relative' }}>
{/* Modal de feedback */}
{showMessage && (
<div className="modal-backdrop" style={{ position: 'fixed', top: 0, left: 0, width: '100vw', height: '100vh', background: 'rgba(0,0,0,0.15)', zIndex: 1050 }}></div>
)}
{showMessage && (
<div className="modal d-block" tabIndex="-1" role="dialog" style={{ zIndex: 1100 }}>
<div className="modal-dialog modal-dialog-centered" role="document">
<div className="modal-content" style={{ borderRadius: '12px', boxShadow: '0 4px 24px rgba(0,0,0,0.10)' }}>
<div className="modal-header" style={{ borderBottom: '2px solid #23336f1a' }}>
<h5 className="modal-title" style={{ fontWeight: 700, color: '#23336f' }}>
{messageType === 'danger' ? 'Atenção' : 'Sucesso'}
</h5>
<button type="button" className="btn-close" aria-label="Close" onClick={() => setShowMessage(false)}></button>
</div>
<div className="modal-body" style={{ fontSize: '1.3rem', color: '#23336f' }}>
{message}
</div>
<div className="modal-footer" style={{ borderTop: '2px solid #23336f1a', justifyContent: 'flex-end' }}>
<button type="button" className="btn btn-primary" style={{ minWidth: 100 }} onClick={() => setShowMessage(false)}>
Fechar
</button>
</div>
</div>
</div>
</div>
)}
<h3 className="mb-4 text-center" style={{ fontSize: '2.5rem' }}>MediConnect</h3> <h3 className="mb-4 text-center" style={{ fontSize: '2.5rem' }}>MediConnect</h3>
{/* DADOS PESSOAIS */} {/* DADOS PESSOAIS */}
@ -326,7 +367,7 @@ function PatientForm({ onSave, onCancel,formData, setFormData }) {
</div> </div>
<div className="col-md-6 mb-3"> <div className="col-md-6 mb-3">
<label style={{ fontSize: '1.1rem' }}>Data de nascimento: *</label> <label style={{ fontSize: '1.1rem' }}>Data de nascimento: *</label>
<input type="date" className="form-control" name="data_nascimento" value={formData.data_nascimento} onChange={handleChange} style={{ fontSize: '1.1rem' }} /> <input type="date" className="form-control" name="data_nascimento" value={formData.data_nascimento} onChange={handleChange} style={{ fontSize: '1.1rem' }} min="1900-01-01" max="2025-09-24"s/>
</div> </div>
<div className="col-md-6 mb-3"> <div className="col-md-6 mb-3">
<label style={{ fontSize: '1.1rem' }}>Gênero: *</label> <label style={{ fontSize: '1.1rem' }}>Gênero: *</label>

42
src/pages/DoctorCadastroManager.jsx
View File

@ -12,6 +12,10 @@ function DoctorCadastroManager( ) {
var myHeaders = new Headers(); var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/json"); myHeaders.append("Content-Type", "application/json");
// Estado do modal de sucesso
const [showModal, setShowModal] = useState(false);
const [modalMsg, setModalMsg] = useState('');
// Função que será chamada para "salvar" o paciente // Função que será chamada para "salvar" o paciente
const handleSavePatient = (patientData) => { const handleSavePatient = (patientData) => {
console.log('Salvando médico:', patientData); console.log('Salvando médico:', patientData);
@ -23,32 +27,45 @@ function DoctorCadastroManager( ) {
header: myHeaders, header: myHeaders,
body:raw, body:raw,
redirect:'follow' redirect:'follow'
} }
fetch("https://mock.apidog.com/m1/1053378-0-default/pacientes", requestOptions)
.then(response => response.text())
.then(result => console.log(result))
.catch(error => console.log('error', error));
fetch("https://mock.apidog.com/m1/1053378-0-default/pacientes", requestOptions) setModalMsg(`Médico "${patientData.nome}" salvo com sucesso!`);
.then(response => response.text()) setShowModal(true);
.then(result => console.log(result))
.catch(error => console.log('error', error));
alert(`Médico "${patientData.nome}" salvo com sucesso!`); //altere isso para integração com backend
// Após salvar, voltamos para a tela de lista
setView('list'); setView('list');
}; };
return ( return (
<> <>
{/* Modal de feedback */}
{showModal && (
<div className="modal fade show" style={{ display: 'block' }} tabIndex="-1">
<div className="modal-dialog modal-dialog-centered">
<div className="modal-content">
<div className="modal-header">
<h5 className="modal-title">Sucesso</h5>
<button type="button" className="btn-close" onClick={() => setShowModal(false)}></button>
</div>
<div className="modal-body">
<p>{modalMsg}</p>
</div>
<div className="modal-footer">
<button type="button" className="btn btn-primary" onClick={() => setShowModal(false)}>Fechar</button>
</div>
</div>
</div>
</div>
)}
<div className="page-heading"> <div className="page-heading">
<h3>Cadastro de Médicos</h3> <h3>Cadastro de Médicos</h3>
</div> </div>
<div className="page-content"> <div className="page-content">
<section className="row"> <section className="row">
<div className="col-12"> <div className="col-12">
{/* Aqui está a lógica principal: */}
{/* Se a view for 'list', mostramos a lista com o botão. */}
{/* Se for 'form', mostramos o formulário de cadastro. */}
{view === 'list' ? ( {view === 'list' ? (
<DoctorList onAddPatient={() => setView('form')} /> <DoctorList onAddPatient={() => setView('form')} />
) : ( ) : (
@ -56,7 +73,6 @@ function DoctorCadastroManager( ) {
onSave={handleSavePatient} onSave={handleSavePatient}
onCancel={() => setView('list')} onCancel={() => setView('list')}
PatientDict={{}} PatientDict={{}}
/> />
)} )}
</div> </div>

47
src/pages/EditPage.jsx
View File

@ -23,30 +23,41 @@ fetch(`https://mock.apidog.com/m1/1053378-0-default/pacientes/${id}`, requestOpt
.catch(error => console.log('error', error)); .catch(error => console.log('error', error));
}, []) }, [])
const HandlePutPatient = async () => {
//alert(`Atualizando paciente "${PatientToPUT.nome}" com sucesso`);
const HandlePutPatient = () => { var myHeaders = new Headers();
alert(`Atualizando paciente "${PatientToPUT.nome}" com sucesso`) myHeaders.append("Authorization", "Bearer <token>");
var myHeaders = new Headers(); myHeaders.append("Content-Type", "application/json");
myHeaders.append("Authorization", "Bearer <token>");
myHeaders.append("Content-Type", "application/json");
var raw = JSON.stringify(PatientToPUT) var raw = JSON.stringify(PatientToPUT);
console.log(PatientToPUT) console.log("Enviando paciente para atualização:", PatientToPUT);
var requestOptions = { var requestOptions = {
method: 'PUT', method: 'PUT',
headers: myHeaders, headers: myHeaders,
body: raw, body: raw,
redirect: 'follow' redirect: 'follow'
};
try {
const response = await fetch(
"https://mock.apidog.com/m1/1053378-0-default/pacientes/" + PatientToPUT.id,
requestOptions
);
// se o backend retorna JSON
const result = await response.json();
console.log("ATUALIZADO COM SUCESSO", result);
return result; // <- importante!
} catch (error) {
console.error("Erro ao atualizar paciente:", error);
throw error;
}
}; };
fetch("https://mock.apidog.com/m1/1053378-0-default/pacientes/", requestOptions)
.then(response => response.text())
.then(result => console.log('ATUALIZADO COM SUCESSO',result))
.catch(error => console.log('error', error));
}
return ( return (

41
src/pages/PatientCadastroManager.jsx
View File

@ -13,29 +13,32 @@ function PatientCadastroManager( {setCurrentPage} ) {
myHeaders.append("Content-Type", "application/json"); myHeaders.append("Content-Type", "application/json");
// Função que será chamada para "salvar" o paciente // Função que será chamada para "salvar" o paciente
const handleSavePatient = (patientData) => { const handleSavePatient = async (patientData) => {
console.log('Salvando paciente:', patientData); console.log('Salvando paciente:', patientData);
var raw = JSON.stringify(patientData) var raw = JSON.stringify(patientData);
var requestOptions = { var requestOptions = {
method:'POST', method: 'POST',
header: myHeaders, headers: {
body:raw, "Content-Type": "application/json"
redirect:'follow' },
} body: raw,
redirect: 'follow'
fetch("https://mock.apidog.com/m1/1053378-0-default/pacientes", requestOptions)
.then(response => response.text())
.then(result => console.log(result))
.catch(error => console.log('error', error));
alert(`Paciente "${patientData.nome}" salvo com sucesso!`); //altere isso para integração com backend
// Após salvar, voltamos para a tela de lista
}; };
try {
const response = await fetch("https://mock.apidog.com/m1/1053378-0-default/pacientes", requestOptions);
const result = await response.json();
console.log("Paciente salvo no backend:", result);
return result;
} catch (error) {
console.error("Erro ao salvar paciente:", error);
throw error;
}
};
return ( return (
<> <>
<div className="page-heading"> <div className="page-heading">