forked from RiseUP/riseup-squad23
Compare commits
No commits in common. "Agendamento" and "main" have entirely different histories.
Agendament
...
main
6162
package-lock.json
generated
6162
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
10
src/App.js
10
src/App.js
@ -14,7 +14,7 @@ import Details from './pages/Details';
|
|||||||
//import DoctorEditPage from './components/doctors/DoctorEditPage';
|
//import DoctorEditPage from './components/doctors/DoctorEditPage';
|
||||||
import DoctorTable from './pages/DoctorTable';
|
import DoctorTable from './pages/DoctorTable';
|
||||||
import DoctorFormLayout from './pages/DoctorFormLayout';
|
import DoctorFormLayout from './pages/DoctorFormLayout';
|
||||||
import Agendamento from './pages/Agendamento'
|
|
||||||
function App() {
|
function App() {
|
||||||
const [isSidebarActive, setIsSidebarActive] = useState(true);
|
const [isSidebarActive, setIsSidebarActive] = useState(true);
|
||||||
const [currentPage, setCurrentPage] = useState('table ');
|
const [currentPage, setCurrentPage] = useState('table ');
|
||||||
@ -59,13 +59,11 @@ const renderPageContent = () => {
|
|||||||
else if(currentPage === 'edit-page-paciente'){
|
else if(currentPage === 'edit-page-paciente'){
|
||||||
return <EditPage id={patientID} />
|
return <EditPage id={patientID} />
|
||||||
}
|
}
|
||||||
|
// else if(currentPage === 'doctor-form-layout'){
|
||||||
|
// return <DoctorEditPage id={patientID} />
|
||||||
|
//}
|
||||||
else if(currentPage === 'details-page-paciente'){
|
else if(currentPage === 'details-page-paciente'){
|
||||||
return <Details patientID={patientID} setCurrentPage={setCurrentPage} />;
|
return <Details patientID={patientID} setCurrentPage={setCurrentPage} />;
|
||||||
}
|
|
||||||
else if(currentPage === 'agendamento-page'){
|
|
||||||
return <Agendamento/>
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -1,26 +0,0 @@
|
|||||||
import React from 'react'
|
|
||||||
|
|
||||||
const TabelaAgendamentoDia = (agendamentos) => {
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
|
|
||||||
<table border='2'>
|
|
||||||
|
|
||||||
{agendamentos.map((agendamento) => (
|
|
||||||
<tr>
|
|
||||||
<td>{agendamento.horario}</td>
|
|
||||||
<td>
|
|
||||||
<div>{agendamento.paciente}</div>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
|
|
||||||
))}
|
|
||||||
|
|
||||||
</table>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
export default TabelaAgendamentoDia
|
|
||||||
@ -26,11 +26,6 @@
|
|||||||
"name": "Lista de Médico",
|
"name": "Lista de Médico",
|
||||||
"icon": "table",
|
"icon": "table",
|
||||||
"url": "doctor-table"
|
"url": "doctor-table"
|
||||||
},
|
}
|
||||||
{
|
|
||||||
"name": "Agendar consulta",
|
|
||||||
"icon": "table",
|
|
||||||
"url": "agendamento-page"
|
|
||||||
}
|
|
||||||
|
|
||||||
]
|
]
|
||||||
@ -1,84 +0,0 @@
|
|||||||
import React from 'react'
|
|
||||||
import DoctorTable from './DoctorTable';
|
|
||||||
import TabelaAgendamentoDia from '../components/TabelaAgendamentoDia';
|
|
||||||
import { useState } from 'react';
|
|
||||||
|
|
||||||
const Agendamento = () => {
|
|
||||||
|
|
||||||
let agendamentos = [
|
|
||||||
{ horario: '07:00', medico: 'Rogerio Cena', paciente: 'Caio Miguel', status: 'marcado' },
|
|
||||||
{ horario: '07:10', medico: 'Rogerio Cena', paciente: 'João Pedro', status: 'marcado' },
|
|
||||||
{ horario: '07:20', medico: 'Rogerio Cena', paciente: 'Ana Paula', status: 'cancelado' },
|
|
||||||
{ horario: '07:30', medico: 'Rogerio Cena', paciente: 'Bruno Lima', status: 'atendido' },
|
|
||||||
{ horario: '07:40', medico: 'Rogerio Cena', paciente: 'Mariana Souza', status: 'marcado' },
|
|
||||||
{ horario: '07:50', medico: 'Rogerio Cena', paciente: 'Felipe Duarte', status: 'remarcado' },
|
|
||||||
{ horario: '08:00', medico: 'Rogerio Cena', paciente: 'Carolina Alves', status: 'marcado' },
|
|
||||||
{ horario: '08:10', medico: 'Rogerio Cena', paciente: 'Ricardo Gomes', status: 'em andamento' },
|
|
||||||
{ horario: '08:20', medico: 'Rogerio Cena', paciente: 'Tatiane Ramos', status: 'marcado' },
|
|
||||||
{ horario: '08:30', medico: 'Rogerio Cena', paciente: 'Daniel Oliveira', status: 'atendido' }
|
|
||||||
]
|
|
||||||
|
|
||||||
const [tabela, setTabela] = useState('diario')
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
<h1>Unidades</h1>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<select name="" id="" div class>
|
|
||||||
<option value="">Unidade Central</option>
|
|
||||||
<option value="">Unidade Zona Norte</option>
|
|
||||||
<option value="">Unidade Zona Oeste</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="input-container">
|
|
||||||
<i className="fa-solid fa-calendar-day"></i>
|
|
||||||
<input type="text" placeholder="Buscar atendimento"/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<select name="" id="">
|
|
||||||
<option value="">Atendimento</option>
|
|
||||||
<option value="">Sessões</option>
|
|
||||||
<option value="">Urgência</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<button class="btn-buscar">
|
|
||||||
<i class="fa-solid fa-calendar-day"></i>
|
|
||||||
dia
|
|
||||||
</button>
|
|
||||||
<button class="btn-buscar">
|
|
||||||
<i class="fa-solid fa-calendar-day"></i>
|
|
||||||
semana
|
|
||||||
</button>
|
|
||||||
<button class="btn-buscar">
|
|
||||||
<i class="fa-solid fa-calendar-day"></i>
|
|
||||||
mes
|
|
||||||
</button>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
export default Agendamento
|
|
||||||
Loading…
x
Reference in New Issue
Block a user