caminho tela de cadastro para perfil adicionado #37

Fronted/src/App.js

@@ -2,13 +2,15 @@ import React from "react";
 import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
 import PaginaInicial from "./componentes/inicial";
 import FormularioCadastro from "./componentes/FormularioCadastro";
+import MeuPerfil from "./componentes/MeuPerfil"; // Importe o componente MeuPerfil
 
 function App() {
   return (
     <Router>
       <Routes>
         <Route path="/" element={<PaginaInicial />} />
         <Route path="/cadastro" element={<FormularioCadastro />} />
+        <Route path="/meu-perfil" element={<MeuPerfil />} /> {/* Nova rota */}
       </Routes>
     </Router>
   );

Fronted/src/componentes/FormularioCadastro.js

@@ -1,5 +1,5 @@
-// src/componentes/FormularioCadastro.js
 import React, { useState } from 'react';
+import { useNavigate } from 'react-router-dom'; // Importa useNavigate
 import './FormularioCadastro.css';
 
 const FormularioCadastro = () => {
@@ -10,6 +10,8 @@ const FormularioCadastro = () => {
     password: '',
   });
 
+  const navigate = useNavigate(); // Inicializa o useNavigate
+
   const handleChange = (e) => {
     const { name, value } = e.target;
     setFormData((prevFormData) => ({
@@ -22,6 +24,9 @@ const FormularioCadastro = () => {
     e.preventDefault();
     console.log('Dados do formulário enviados:', formData);
     // Aqui você pode adicionar a lógica para enviar os dados para o servidor
+
+    // Redireciona para a página de perfil após o envio do formulário
+    navigate('/meu-perfil');
   };
 
   return (