caminho tela inicial para cadastro adicionado #37

ES2-UFPI · May 28, 2024 · a1bb1e9 · a1bb1e9
1 parent 5e70bdc
commit a1bb1e9
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 18 deletions.
diff --git a/Fronted/src/App.js b/Fronted/src/App.js
@@ -1,13 +1,17 @@
 import React from "react";
-import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
-import "./componentes/normalize.css";
-import PaginaInicial from "./componentes/inicial"; // Importe o componente com a primeira letra maiúscula
-import EditPerfil from "./componentes/EditPerfil";
+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";
 
 function App() {
-  return <MeuPerfil />;
+  return (
+    <Router>
+      <Routes>
+        <Route path="/" element={<PaginaInicial />} />
+        <Route path="/cadastro" element={<FormularioCadastro />} />
+      </Routes>
+    </Router>
+  );
 }
 
 export default App;
diff --git a/Fronted/src/componentes/inicial.js b/Fronted/src/componentes/inicial.js
@@ -1,26 +1,26 @@
 import React from "react";
+import { useNavigate } from "react-router-dom";
 import "./normalize.css";
 import "./inicial.css";
 import logo from "../img/Lelove.png";
 
 function Inicial() {
-  // Renomeie a função para começar com letra maiúscula
+  const navigate = useNavigate();
 
-  // const handleButtonClick = () => {
-  //   // Função para manipular o clique no botão
-  //   window.open({FormularioCadastro}, "_blank"); // Abre o link em uma nova aba
-  // };
+  const handleCreateAccountClick = () => {
+    navigate("/cadastro");
+  };
 
   return (
-    <body>
+    <div>
       <header>
         <nav>
-          <div class="Logo">
+          <div className="Logo">
             <figure>
               <img src={logo} alt="Logo da Lelove" width="75" />
             </figure>
           </div>
-          <button class="buttons">Entrar</button>
+          <button className="buttons">Entrar</button>
         </nav>
       </header>
 
@@ -29,8 +29,10 @@ function Inicial() {
           <div>
             <div>
               <h1>Deslize para a direita</h1>
-              <div class="buttons">
-                <button id="criar">Criar uma conta</button>
+              <div className="buttons">
+                <button id="criar" onClick={handleCreateAccountClick}>
+                  Criar uma conta
+                </button>
               </div>
             </div>
           </div>
@@ -40,8 +42,8 @@ function Inicial() {
       <footer>
         <p>todos os modelos são do CANVA</p>
       </footer>
-    </body>
+    </div>
   );
 }
 
-export default Inicial; // Exporte o componente com a primeira letra maiúscula
+export default Inicial;