RiseUP/riseup-squad23
4
1
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of https://git.popcode.com.br/RiseUP/riseup-squad23

Browse Source
This commit is contained in:
GilenoNeto901 2025-09-24 22:40:30 -03:00
commit 3993097c10
8 changed files with 218 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
public/index.html
View File

@ -6,7 +6,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta name="description" content="Web site created using create-react-app" />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!-- Mazer CSS -->
@ -21,8 +20,8 @@
<div id="root"></div>
<!-- Mazer JS -->
<script src="%PUBLIC_URL%/vendors/perfect-scrollbar/perfect-scrollbar.min.js"></script>
<!-- <script src="%PUBLIC_URL%/vendors/perfect-scrollbar/perfect-scrollbar.min.js"></script>
<script src="%PUBLIC_URL%/js/bootstrap.bundle.min.js"></script>
<script src="%PUBLIC_URL%/js/main.js"></script>
<script src="%PUBLIC_URL%/js/main.js"></script> -->
</body>
</html>

10
public/manifest.json
View File

@ -6,16 +6,6 @@
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
},
{
"src": "logo192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "logo512.png",
"type": "image/png",
"sizes": "512x512"
}
],
"start_url": ".",

73
src/components/AgendarConsulta/FormNovaConsulta.jsx
View File

@ -1,8 +1,53 @@
import React from "react";
import React, { useState, useEffect } from "react";
import InputMask from "react-input-mask";
import "./style/styleagendamentos.css";
const FormNovaConsulta = ({ onCancel }) => {
const FormNovaConsulta = ({ onCancel, patientID }) => {
const [selectedFile, setSelectedFile] = useState(null);
const [anexos, setAnexos] = useState([]);
const [loadingAnexos, setLoadingAnexos] = useState(false);
useEffect(() => {
if (!patientID) return;
const fetchAnexos = async () => {
setLoadingAnexos(true);
try {
const res = await fetch(`https://mock.apidog.com/m1/1053378-0-default/pacientes/${patientID}/anexos`);
const data = await res.json();
setAnexos(data.data || []);
} catch (err) {
console.error("Erro ao buscar anexos:", err);
} finally {
setLoadingAnexos(false);
}
};
fetchAnexos();
}, [patientID]);
const handleUpload = async () => {
if (!selectedFile) return;
const formData = new FormData();
formData.append("file", selectedFile);
try {
const res = await fetch(`https://mock.apidog.com/m1/1053378-0-default/pacientes/${patientID}/anexos`, {
method: "POST",
body: formData
});
if (res.ok) {
const novoAnexo = await res.json();
setAnexos(prev => [...prev, novoAnexo]);
setSelectedFile(null);
} else {
console.error("Erro ao enviar anexo");
}
} catch (err) {
console.error("Erro ao enviar anexo:", err);
}
};
const handleSubmit = (e) => {
e.preventDefault();
alert("Agendamento salvo!");
@ -55,7 +100,29 @@ const FormNovaConsulta = ({ onCancel }) => {
<h3 className="section-subtitle">Informações adicionais</h3>
<button type="button" className="btn-secondary">Documentos e anexos</button>
<label htmlFor="anexo-input" className="btn btn-secondary">Adicionar Anexo</label>
<input
type="file"
id="anexo-input"
className="d-none"
onChange={(e) => setSelectedFile(e.target.files[0])}
/>
{selectedFile && (
<button type="button" className="btn btn-primary ms-2" onClick={handleUpload}>
Enviar
</button>
)}
<div className="anexos-list">
{loadingAnexos ? (
<p>Carregando anexos...</p>
) : (
anexos.map((anexo, index) => (
<div key={index} className="anexo-item">
<span>{anexo.nome || anexo.fileName}</span>
</div>
))
)}
</div>
<h2 className="section-title">Informações do atendimento</h2>
<label>Nome do profissional *</label>

2
src/components/Sidebar.js
View File

@ -56,7 +56,7 @@ function Sidebar(props) {
props.setCurrentPage('dashboard');
}}
>
<hi>MediConnect</hi>
<h1>MediConnect</h1>
</a>
</div>
<div className="toggler">

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

@ -261,9 +261,17 @@ function PatientForm({ onSave, onCancel, formData, setFormData }) {
}
}
};
<<<<<<< HEAD
const handleSubmit = async () => {
if (!formData.nome || !formData.cpf || !formData.sexo || !formData.data_nascimento) {
alert('Por favor, preencha Nome, CPF, Gênero e data de nascimento.');
=======
const handleSubmit = async (e) => {
e.preventDefault();
if (!formData.nome || !formData.cpf || !formData.sexo || !formData.data_nascimento){
alert('Por favor, preencha Nome ,CPF, Gênero e data de nascimento.');
>>>>>>> ecae83cf4cc5cac2487d7fbd9cb61a8d706b01a3
return;
}
@ -281,7 +289,7 @@ function PatientForm({ onSave, onCancel, formData, setFormData }) {
return;
}
onSave({
const pacienteSalvo = await onSave({
...formData,
endereco: {
cep: enderecoData.cep,
@ -314,7 +322,55 @@ function PatientForm({ onSave, onCancel, formData, setFormData }) {
pacienteVip: formData.pacienteVip,
},
});
<<<<<<< HEAD
};
=======
const pacienteId = pacienteSalvo.id;
try{
if (formData.foto) await uploadFotoPaciente(pacienteId, formData.foto);
if (formData.anexos) await uploadAnexoPaciente(pacienteId, formData.anexos);
alert("Paciente salvo com sucesso!");
} catch (error) {
console.error(error);
alert("Erro ao salvar paciente ou enviar arquivos.");
}
};
const uploadFotoPaciente = async (pacienteId, foto) => {
const formDataUpload = new FormData();
formDataUpload.append('foto', foto);
try {
const res = await fetch(`https://suaapi.com/pacientes/${pacienteId}/foto`, {
method: 'POST',
headers: { 'Authorization': 'Bearer <token>' },
body: formDataUpload
});
if (!res.ok) throw new Error('Erro ao enviar foto');
alert('Foto enviada com sucesso!');
} catch (err) {
console.error(err);
alert('Falha ao enviar foto');
}
};
const uploadAnexoPaciente = async (pacienteId, anexo) => {
const formDataUpload = new FormData();
formDataUpload.append('anexo', anexo);
try {
const res = await fetch(`https://suaapi.com/pacientes/${pacienteId}/anexos`, {
method: 'POST',
headers: { 'Authorization': 'Bearer <token>' },
body: formDataUpload
});
if (!res.ok) throw new Error('Erro ao enviar anexo');
alert('Anexo enviado com sucesso!');
} catch (err) {
console.error(err);
alert('Falha ao enviar anexo');
}
};
>>>>>>> ecae83cf4cc5cac2487d7fbd9cb61a8d706b01a3
return (
<div className="card p-3">

7
src/index.js
View File

@ -1,12 +1,13 @@
import React from 'react';
import ReactDOM from 'react-dom';
import ReactDOM from 'react-dom/client';
import './assets/scss/bootstrap.scss';
import './assets/scss/app.scss';
import App from './App';
ReactDOM.render(
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById('root')
);

78
src/pages/Details.jsx
View File

@ -3,17 +3,69 @@ import avatarPlaceholder from '../assets/images/avatar_placeholder.png';
const Details = ({ patientID, setCurrentPage }) => {
const [paciente, setPaciente] = useState({});
const [anexos, setAnexos] = useState([]);
const [selectedFile, setSelectedFile] = useState(null);
useEffect(() => {
if (!patientID) return;
fetch(`https://mock.apidog.com/m1/1053378-0-default/pacientes/${patientID}`)
.then(res => res.json())
.then(result => {setPaciente(result.data)})
.catch(err => console.error("Erro ao buscar paciente:", err));
fetch(`https://mock.apidog.com/m1/1053378-0-default/pacientes/${patientID}/anexos`)
.then(res => res.json())
.then(data => setAnexos(data.data || []))
.catch(err => console.error("Erro ao buscar anexos:", err));
}, [patientID]);
const handleUpload = async () => {
if (!selectedFile) return;
const formData = new FormData();
formData.append('file', selectedFile);
try {
const response = await fetch(`https://mock.apidog.com/m1/1053378-0-default/pacientes/${patientID}/anexos`, {
method: 'POST',
body: formData,
});
if (response.ok) {
const newAnexo = await response.json();
setAnexos(prev => [...prev, newAnexo]);
setSelectedFile(null);
} else {
console.error('Erro ao enviar anexo');
}
} catch (err) {
console.error('Erro ao enviar anexo:', err);
}
};
const handleDelete = async (anexoId) => {
try {
const response = await fetch(
`https://mock.apidog.com/m1/1053378-0-default/pacientes/${patientID}/anexos/${anexoId}`,
{
method: "DELETE",
}
);
if (response.ok) {
setAnexos((prev) => prev.filter((a) => a.id !== anexoId));
} else {
console.error("Erro ao deletar anexo");
}
} catch (err) {
console.error("Erro ao deletar anexo:", err);
}
};
return (
@ -137,7 +189,29 @@ const Details = ({ patientID, setCurrentPage }) => {
</div>
<div className="col-md-6 mb-3">
<label className="font-extrabold">Anexos do Paciente:</label>
<p>{ "-"}</p>
{anexos.length > 0 ?(
<ul>
{anexos.map((anexo) => (
<li key={anexo.id} className="d-flex aling-items-center">
<a href={anexo.url} target="-blank" rel="noopener noreferrer">
{anexo.nome}
</a>
<button className="btn btn-danger btn-sm" onclick={() => handleDelete(anexo.id)} >Remover</button>
</li>
))}
</ul>
) : (
<p>-</p>
)}
</div>
<div className="col-md-6 mb-3">
<label htmlFor="foto-input" className="btn btn-primary" style={{ fontSize: '1rem' }}>
Carregar Um Novo Anexo
</label>
<input
type="file" className="form-control d-none" name="foto" id="foto-input" onChange={(e) => setSelectedFile(e.target.files[0])} accept="image/*"/>
{selectedFile && <span className="ms-2" style={{ fontSize: '1rem' }}>{selectedFile.name}</span>}
<button onClick={handleUpload} className="btn btn-success ms-2">Enviar</button>
</div>
</div>
</div>

15
src/pages/Inicio.jsx
View File

@ -18,13 +18,14 @@ function Inicio({ setCurrentPage }) {
};
const fetchAgendamentos = async () => {
try {
const res = await fetch();
const data = await res.json();
setAgendamentos(data.data);
} catch (error) {
console.error("Erro ao buscar agendamentos:", error);
}
return; // <===serve para que nao cause erro
// try {
// const res = await fetch();
// const data = await res.json();
// setAgendamentos(data.data);
// } catch (error) {
// console.error("Erro ao buscar agendamentos:", error);
// }
};
fetchPacientes();