Rotas novas para Menu Medicamentos e Lista de Medicamentos

src/AppRoutes.tsx

@@ -11,6 +11,8 @@ import { CadastroMedico } from './pages/CadastroMedico/CadastroMedico';
 import { Identificacao } from './pages/Identificacao/Identificacao';
 import HomeMedico from './pages/HomeMedico/HomeMedico';
 import VisualizacaoPerfilMedico from './pages/VisualizarPerfilMedico/VisualizarPerfilMedico';
+import MenuMedicamentos from './pages/MenuMedicamentos/MenuMedicamentos';
+import ListaMedicamentos from './pages/ListaMedicamentos/ListaMedicamentos';
 
 export default function AppRoutes() {
   return (
@@ -42,6 +44,14 @@ export default function AppRoutes() {
             path={ROUTES.PERFIL_MEDICO()}
             element={<VisualizacaoPerfilMedico />}
           />
+          <Route
+            path={ROUTES.MENU_MEDICAMENTOS()}
+            element={<MenuMedicamentos />}
+          />
+          <Route
+            path={ROUTES.LISTA_MEDICAMENTOS()}
+            element={<ListaMedicamentos />}
+          />
         </Routes>
       </div>
     </Router>

src/pages/HomePaciente/HomePaciente.tsx

@@ -19,7 +19,7 @@ const HomePaciente = () => {
   };
 
   const handleClickMedicamentos = () => {
-    console.log('Cheguei aqui!!!');
+    navigate(ROUTES.MENU_MEDICAMENTOS());
   };
 
   const handleClickInfo = () => {

src/pages/Login/Login.tsx

@@ -18,23 +18,22 @@ export const Login: React.FC = () => {
   const [dataStatus, setDataStatus] = useState<Number>();
 
   const emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/;
-    async function fetchData(email: String, psw:String) {
-      try{
-        const result = await login_post(email, psw);
-        // console.log(result.data);
-        setData(result.data);
-        setDataStatus(result.status)
-        // console.log("Status " +result.status);
-        if(result.status== 201 ||result.status== 200)
-        {
-        console.log("login realizado com sucesso");
-        navigate('/home/paciente');
-        }      
-      } catch (error){
-        console.error('Erro ao fazer login', error);
-        setErro("Email ou senha inválidos.")
+  async function fetchData(email: String, psw: String) {
+    try {
+      const result = await login_post(email, psw);
+      // console.log(result.data);
+      setData(result.data);
+      setDataStatus(result.status);
+      // console.log("Status " +result.status);
+      if (result.status == 201 || result.status == 200) {
+        console.log('login realizado com sucesso');
+        navigate(ROUTES.HOME_PACIENTE());
       }
+    } catch (error) {
+      console.error('Erro ao fazer login', error);
+      setErro('Email ou senha inválidos.');
     }
+  }
   const handleEmail = (newEmail: string) => {
     setEmail(newEmail);
   };
@@ -52,7 +51,7 @@ export const Login: React.FC = () => {
       return;
     }
     setErro('');
-    fetchData(email, password)
+    fetchData(email, password);
   };
 
   return (

src/pages/MenuMedicamentos/MenuMedicamentos.tsx

@@ -2,18 +2,21 @@ import { CardMedicamentos } from '../../components/CardMedicamentos/cardMedicame
 import Footer from '../../components/Footer/Footer';
 import HeaderHome from '../../components/HeaderHome/HeaderHome';
 import './MenuMedicamentos.css';
+import { useNavigate } from 'react-router-dom';
+import { ROUTES } from '../../routes/constans';
 
 export default function MenuMedicamentos() {
+  const navigate = useNavigate();
+
+  const handleClickMyList = () => {
+    navigate(ROUTES.LISTA_MEDICAMENTOS());
+  };
+
   return (
     <>
       <HeaderHome title="Medicamentos" type="headerPage" />
       <div className="menu-medicamentos-container">
-        <CardMedicamentos
-          iconType="icon1"
-          onClick={() => {
-            console.log('minha lista');
-          }}
-        />
+        <CardMedicamentos iconType="icon1" onClick={handleClickMyList} />
         <CardMedicamentos
           iconType="icon2"
           onClick={() => {

src/routes/constans.ts

@@ -9,4 +9,6 @@ export const ROUTES = {
   LOGIN: () => '*',
   PERFIL_PACIENTE: () => '/perfil/paciente',
   PERFIL_MEDICO: () => '/perfil/medico',
+  MENU_MEDICAMENTOS: () => '/menu/medicamentos',
+  LISTA_MEDICAMENTOS: () => '/lista/medicamentos',
 };