Atualizações 01-10-25

src/App.js

@@ -1,5 +1,3 @@
-// src/App.js
-//import PerfilSecretaria from "./perfis/perfil_secretaria/PerfilSecretaria";
 import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 import { useState } from "react";
 
@@ -13,7 +11,6 @@ import LandingPage from './pages/LandingPage';
 function App() {
   // O estado controla qual view mostrar: false = Landing Page, true = Dashboard
   const [isInternalView, setIsInternalView] = useState(false);
-  // const [isSecretaria, setIsSecretaria] = useState(false);
 
   const handleEnterSystem = () => {
     setIsInternalView(true);
@@ -23,10 +20,6 @@ function App() {
     setIsInternalView(false);
   };
   
-  // if (isSecretaria) {
-  //   return <PerfilSecretaria onLogout={() => setIsSecretaria(false)} />;
-  // }
-  
   // Se não estiver na visualização interna, retorna a LandingPage.
   if (!isInternalView) {
     return (

src/pages/Details.jsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
 import avatarPlaceholder from '../assets/images/avatar_placeholder.png';
 
-const Details = ({ patientID, setCurrentPage }) => {
+const Details = ({ patientID }) => {
   const [paciente, setPaciente] = useState({});
   const [anexos, setAnexos] = useState([]);
   const [selectedFile, setSelectedFile] = useState(null);

src/pages/DoctorDetails.jsx

@@ -1,7 +1,9 @@
 import React, { useEffect, useState } from "react";
 import avatarPlaceholder from '../assets/images/avatar_placeholder.png';
+import { useNavigate } from "react-router-dom";
 
-const Details = ({ patientID, setCurrentPage }) => {
+const Details = ({ patientID }) => {
+  const navigate = useNavigate();
   const [paciente, setPaciente] = useState({});
 
   useEffect(() => {
@@ -21,7 +23,7 @@ const Details = ({ patientID, setCurrentPage }) => {
       <h3 className="mb-3 text-center">MediConnect</h3>
       <hr />
       <div className="d-flex justify-content-between align-items-center mb-3">
-        <button className="btn btn-success me-2" onClick={() => setCurrentPage("table")}>
+        <button className="btn btn-success me-2" onClick={() => navigate("/secretaria/pacientes")}>
           <i className="bi bi-chevron-left"></i> Voltar
         </button>
         <div className="d-flex mb-3">
@@ -33,7 +35,7 @@ const Details = ({ patientID, setCurrentPage }) => {
             <p>{paciente.cpf || "CPF"}</p>
           </div>
         </div>
-        <button className="btn btn-light" onClick={() => setCurrentPage("edit-page-doctor")}>
+        <button className="btn btn-light" onClick={() => navigate(`/secretaria/medicos/${paciente.id}/edit`)}>
           <i className="bi bi-pencil-square"></i> Editar
         </button>
       </div>

src/pages/DoctorTable.jsx

@@ -1,6 +1,8 @@
 import React, { useState, useEffect } from "react";
+import { useNavigate } from "react-router-dom";
 
-function TableDoctor({ setCurrentPage, setPatientID }) {
+function TableDoctor({ setPatientID }) {
+const navigate = useNavigate();  
   const [medicos, setMedicos] = useState([]);
   const [search, setSearch] = useState("");
   const [filtroAniversariante, setFiltroAniversariante] = useState(false);
@@ -70,7 +72,7 @@ function TableDoctor({ setCurrentPage, setPatientID }) {
                 <h4 className="card-title mb-0">Médicos Cadastrados</h4>
                 <button
                   className="btn btn-primary"
-                  onClick={() => setCurrentPage("form-layout")}
+                  onClick={() => navigate("/secretaria/medicos/cadastro")}
                 >
                   <i className="bi bi-plus-circle"></i> Adicionar Médico
                 </button>
@@ -141,7 +143,7 @@ function TableDoctor({ setCurrentPage, setPatientID }) {
                                     color: "#004085",
                                   }}
                                   onClick={() => {
-                                    setCurrentPage("details-page-paciente");
+                                    navigate(`/secretaria/medicos/${medico.id}`);
                                     setPatientID(medico.id);
                                   }}
                                 >
@@ -157,7 +159,7 @@ function TableDoctor({ setCurrentPage, setPatientID }) {
                                     color: "#856404",
                                   }}
                                   onClick={() => {
-                                    setCurrentPage("edit-page-paciente");
+                                    navigate(`/secretaria/medicos/${medico.id}/edit`);
                                     setPatientID(medico.id);
                                   }}
                                 >

src/pages/EditPage.jsx

@@ -1,11 +1,10 @@
-import React from 'react'
+import React from 'react';
-
+import { useNavigate } from 'react-router-dom';
-import PatientForm from '../components/patients/PatientForm'
+import PatientForm from '../components/patients/PatientForm';
-
+import {useEffect, useState} from 'react';
-import {useEffect, useState} from 'react'
-
-const EditPage = ( {id, setCurrentPage}) => {
 
+function EditPage({id}) {
+  const navigate = useNavigate();
   const [PatientToPUT, setPatientPUT] = useState({})
 
   var requestOptions = {
@@ -66,8 +65,7 @@ const HandlePutPatient = async () => {
 
     <PatientForm
     onSave={HandlePutPatient}
-    onCancel={() => {setCurrentPage('table')}}
+    onCancel={() => {navigate('/secretaria/pacientes')}}
-   setCurrentPage={setCurrentPage}
     formData={PatientToPUT}
     setFormData={setPatientPUT}
     />

src/pages/ForgotPassword.jsx

@@ -1,7 +1,25 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { Link } from "react-router-dom";
 
 function ForgotPassword() {
+    const [email, setEmail] = useState("");
+    const [alert, setAlert] = useState("");
+
+    const handleChange = (e) => {
+        setEmail(e.target.value);
+    };
+    
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        if (email) {
+            // Simulate sending email
+            setAlert("E-mail de verificação enviado!");
+            // You can add your actual email logic here
+        } else {
+            setAlert("Preencha o campo de e-mail!");
+        }
+    };
+
     return (
         <>
         <div className="mt-3 card-position">
@@ -18,12 +36,20 @@ return (
                         <p className="auth-subtitle mb-5">
                             Informe seu e-mail e enviaremos um link para redefinir sua senha.
                         </p>
-                    <form action="index.html">
+                        {alert && (
+                            <div className="alert alert-info" role="alert">
+                                {alert}
+                            </div>
+                        )}
+                        <form onSubmit={handleSubmit}>
                             <div className="form-group position-relative has-icon-left mb-4">
                                 <input
                                     type="email"
                                     className="form-control form-control-xl"
                                     placeholder="E-mail"
+                                    value={email}
+                                    onChange={handleChange}
+                                    required
                                 />
                                 <div className="form-control-icon">
                                     <i className="bi bi-envelope" />

src/pages/Inicio.jsx

@@ -1,8 +1,10 @@
 import React, { useState, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
 import { FaUser, FaUserPlus, FaCalendarAlt, FaCalendarCheck } from 'react-icons/fa';
 import './style/Inicio.css';
 
-function Inicio({ setCurrentPage }) {
+function Inicio() {
+  const navigate = useNavigate();
   const [pacientes, setPacientes] = useState([]);
   const [agendamentos, setAgendamentos] = useState([]);
 
@@ -87,21 +89,21 @@ function Inicio({ setCurrentPage }) {
       <div className="quick-actions">
         <h2>Ações Rápidas</h2>
         <div className="actions-grid">
-          <div className="action-button" onClick={() => setCurrentPage('form-layout')}>
+          <div className="action-button" onClick={() => navigate('/secretaria/pacientes/cadastro')}>
             <FaUserPlus className="action-icon" />
             <div className="action-info">
               <span className="action-title">Novo Paciente</span>
               <span className="action-desc">Cadastrar um novo paciente</span>
             </div>
           </div>
-          <div className="action-button" onClick={() => setCurrentPage('table')}>
+          <div className="action-button" onClick={() => navigate('/secretaria/pacientes')}>
             <FaUser className="action-icon" />
             <div className="action-info">
               <span className="action-title">Lista de Pacientes</span>
               <span className="action-desc">Ver todos os pacientes</span>
             </div>
           </div>
-          <div className="action-button" onClick={() => setCurrentPage('agendamento')}>
+          <div className="action-button" onClick={() => navigate('/secretaria/agendamento')}>
             <FaCalendarCheck className="action-icon" />
             <div className="action-info">
               <span className="action-title">Agendamentos</span>
@@ -126,7 +128,7 @@ function Inicio({ setCurrentPage }) {
           <div className="no-appointments-content">
             <FaCalendarCheck className="no-appointments-icon" />
             <p>Nenhum agendamento para hoje</p>
-            <button className="manage-button" onClick={() => setCurrentPage('agendamento')}>
+            <button className="manage-button" onClick={() => navigate('/secretaria/agendamento')}>
               Gerenciar Agendamentos
             </button>
           </div>

src/pages/Login.jsx

@@ -1,13 +1,29 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { Link, useNavigate } from "react-router-dom";
 
 function Login() {
     const navigate = useNavigate();
+    const [form, setForm] = useState({
+        username: "",
+        password: ""
+    });
+    const [alert, setAlert] = useState("");
+    const [showPassword, setShowPassword] = useState(false);
+
+    const handleChange = (e) => {
+        setForm({ ...form, [e.target.name]: e.target.value });
+    };
+
     const handleLogin = (e) => {
         e.preventDefault();
+        if (form.username && form.password) {
             // ...login logic...
             navigate('/secretaria/inicio');
+        } else {
+            setAlert("Preencha todos os campos!");
+        }
     };
+
     return (
     <>
     <div className="mt-3 card-position">
@@ -24,12 +40,21 @@ function Login() {
                 <p className="auth-subtitle mb-5">
                 Entre com os dados que você inseriu durante o registro.
                 </p>
-                <form action="index.html">
+                {alert && (
+                    <div className="alert alert-info" role="alert">
+                        {alert}
+                    </div>
+                )}
+                <form>
                 <div className="form-group position-relative has-icon-left mb-4">
                     <input
                     type="text"
+                    name="username"
                     className="form-control form-control-xl"
                     placeholder="Username"
+                    value={form.username}
+                    onChange={handleChange}
+                    required
                     />
                     <div className="form-control-icon">
                     <i className="bi bi-person" />
@@ -37,13 +62,26 @@ function Login() {
                 </div>
                 <div className="form-group position-relative has-icon-left mb-4">
                     <input
-                    type="password"
+                    type={showPassword ? "text" : "password"}
+                    name="password"
                     className="form-control form-control-xl"
                     placeholder="Password"
+                    value={form.password}
+                    onChange={handleChange}
+                    required
                     />
                     <div className="form-control-icon">
                     <i className="bi bi-shield-lock" />
                     </div>
+                    <button
+                        type="button"
+                        className="btn btn-sm"
+                        style={{ position: "absolute", right: "10px", top: "10px", background: "none", border: "none" }}
+                        onClick={() => setShowPassword(!showPassword)}
+                        tabIndex={-1}
+                    >
+                        <i className={`bi ${showPassword ? "bi-eye-slash" : "bi-eye"}`}></i>
+                    </button>
                 </div>
                 <div className="form-check form-check-lg d-flex align-items-end">
                     <input

src/pages/PatientCadastroManager.jsx

@@ -1,10 +1,11 @@
 import {useState} from 'react';
+import React from 'react';
+import { useNavigate } from 'react-router-dom';
 import PatientForm from '../components/patients/PatientForm';
 
-function PatientCadastroManager( {setCurrentPage} ) {
+function PatientCadastroManager() {
- 
+  const [formData, setFormData] = useState({});
-
+  const navigate = useNavigate();
-  const [formData, setFormData] = useState({})
   var myHeaders = new Headers();
   myHeaders.append("Content-Type", "application/json");
 
@@ -50,7 +51,7 @@ function PatientCadastroManager( {setCurrentPage} ) {
 
               <PatientForm
                 onSave={handleSavePatient}
-                onCancel={() => {setCurrentPage('table')}}
+                onCancel={() => {navigate('/secretaria/pacientes')}}
                 formData={formData}
                 setFormData={setFormData}
               />

src/pages/Register.jsx

@@ -1,13 +1,43 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { Link, useNavigate } from "react-router-dom";
 
 function Register() {
     const navigate = useNavigate();
+    const [form, setForm] = useState({
+        email: "",
+        username: "",
+        userType: "",
+        password: "",
+        confirmPassword: ""
+    });
+    const [alert, setAlert] = useState("");
+    const [showPassword, setShowPassword] = useState(false);
+    const [showConfirmPassword, setShowConfirmPassword] = useState(false);
+
+    const handleChange = (e) => {
+        setForm({ ...form, [e.target.name]: e.target.value });
+    };
+
     const handleLogin = (e) => {
         e.preventDefault();
-        // ...login logic...
+        if (
+            form.email &&
+            form.username &&
+            form.userType &&
+            form.password &&
+            form.confirmPassword
+        ) {
+            if (form.password !== form.confirmPassword) {
+                setAlert("As senhas não coincidem!");
+                return;
+            }
+            // ...register logic...
             navigate('/secretaria/inicio');
+        } else {
+            setAlert("Preencha todos os campos!");
+        }
     };
+
     return (  
         <>
         <div className="mt-3 card-position">
@@ -24,12 +54,21 @@ return (
                         <p className="auth-subtitle mb-5">
                         Insira seus dados para se registrar em nosso site.
                         </p>
-                    <form action="index.html">
+                        {alert && (
+                            <div className="alert alert-info" role="alert">
+                                {alert}
+                            </div>
+                        )}
+                        <form>
                             <div className="form-group position-relative has-icon-left mb-4">
                                 <input
                                 type="text"
+                                name="email"
                                 className="form-control form-control-xl"
                                 placeholder="E-mail"
+                                value={form.email}
+                                onChange={handleChange}
+                                required
                                 />
                                 <div className="form-control-icon">
                                     <i className="bi bi-envelope" />
@@ -38,32 +77,82 @@ return (
                             <div className="form-group position-relative has-icon-left mb-4">
                                 <input
                                 type="text"
+                                name="username"
                                 className="form-control form-control-xl"
                                 placeholder="Nome de usuário"
+                                value={form.username}
+                                onChange={handleChange}
+                                required
                                 />
                                 <div className="form-control-icon">
                                     <i className="bi bi-person" />
                                 </div>
                             </div>
                             <div className="form-group position-relative has-icon-left mb-4">
-                            <input
+                                <select
-                            type="password"
+                                name="userType"
                                 className="form-control form-control-xl"
-                            placeholder="Senha"
+                                value={form.userType}
-                            />
+                                onChange={handleChange}
+                                required
+                                >
+                                    <option value="" disabled>
+                                    Selecione o tipo de usuário
+                                    </option>
+                                    <option value="paciente">Paciente</option>
+                                    <option value="secretaria">Secretaria</option>
+                                    <option value="medico">Médico</option>
+                                    <option value="admin">Admin</option>
+                                </select>
                                 <div className="form-control-icon">
-                                <i className="bi bi-shield-lock" />
+                                    <i className="bi bi-person" />
                                 </div>
                             </div>
                             <div className="form-group position-relative has-icon-left mb-4">
                                 <input
-                            type="password"
+                                type={showPassword ? "text" : "password"}
+                                name="password"
                                 className="form-control form-control-xl"
-                            placeholder="Confirmar senha"
+                                placeholder="Senha"
+                                value={form.password}
+                                onChange={handleChange}
+                                required
                                 />
                                 <div className="form-control-icon">
                                     <i className="bi bi-shield-lock" />
                                 </div>
+                                <button
+                                    type="button"
+                                    className="btn btn-sm"
+                                    style={{ position: "absolute", right: "10px", top: "10px", background: "none", border: "none" }}
+                                    onClick={() => setShowPassword(!showPassword)}
+                                    tabIndex={-1}
+                                >
+                                    <i className={`bi ${showPassword ? "bi-eye-slash" : "bi-eye"}`}></i>
+                                </button>
+                            </div>
+                            <div className="form-group position-relative has-icon-left mb-4">
+                                <input
+                                type={showConfirmPassword ? "text" : "password"}
+                                name="confirmPassword"
+                                className="form-control form-control-xl"
+                                placeholder="Confirmar senha"
+                                value={form.confirmPassword}
+                                onChange={handleChange}
+                                required
+                                />
+                                <div className="form-control-icon">
+                                    <i className="bi bi-shield-lock" />
+                                </div>
+                                <button
+                                    type="button"
+                                    className="btn btn-sm"
+                                    style={{ position: "absolute", right: "10px", top: "10px", background: "none", border: "none" }}
+                                    onClick={() => setShowConfirmPassword(!showConfirmPassword)}
+                                    tabIndex={-1}
+                                >
+                                    <i className={`bi ${showConfirmPassword ? "bi-eye-slash" : "bi-eye"}`}></i>
+                                </button>
                             </div>
                             <button className="btn btn-primary btn-block btn-lg shadow-lg mt-5"
                             onClick={handleLogin}>

src/pages/TablePaciente.jsx

@@ -1,7 +1,8 @@
 import React, { useState, useEffect } from "react";
-import { Link } from "react-router-dom";
+import { Link, useNavigate } from "react-router-dom";
 
-function TablePaciente({ setCurrentPage, setPatientID }) {
+function TablePaciente({ setPatientID }) {
+  const navigate = useNavigate();
   const [pacientes, setPacientes] = useState([]);
   const [search, setSearch] = useState("");
   const [filtroConvenio, setFiltroConvenio] = useState("Todos");
@@ -128,10 +129,9 @@ function TablePaciente({ setCurrentPage, setPatientID }) {
             <div className="card">
               <div className="card-header d-flex justify-content-between align-items-center">
                 <h4 className="card-title mb-0">Pacientes Cadastrados</h4>
-                <Link to={'/pacientes/cadastro'}>
+                <Link to={'/secretaria/pacientes/cadastro'}>
                   <button
                     className="btn btn-primary"
-  
                   >
                     <i className="bi bi-plus-circle"></i> Adicionar Paciente
                   </button>
@@ -245,13 +245,12 @@ function TablePaciente({ setCurrentPage, setPatientID }) {
                                     color: "#004085",
                                   }}
                                   onClick={() => {
-                                    setCurrentPage("details-page-paciente");
+                                    navigate(`/secretaria/pacientes/${paciente.id}`);
                                     setPatientID(paciente.id);
                                   }}
                                 >
                                   <i className="bi bi-eye me-1"></i> Ver Detalhes
                                 </button>
-
                                 <button
                                   className="btn btn-sm"
                                   style={{
@@ -259,7 +258,7 @@ function TablePaciente({ setCurrentPage, setPatientID }) {
                                     color: "#856404",
                                   }}
                                   onClick={() => {
-                                    setCurrentPage("edit-page-paciente");
+                                    navigate(`/secretaria/pacientes/${paciente.id}/edit`);
                                     setPatientID(paciente.id);
                                   }}
                                 >