🐎(#180) link update and bug fix

fga-eps-mds · Nov 1, 2023 · 51dc11b · 51dc11b
1 parent 76c6e4e
commit 51dc11b
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 77 deletions.
diff --git a/src/components/navbar/Navbar.js b/src/components/navbar/Navbar.js
@@ -1,4 +1,5 @@
 import React from "react";
+import { Link } from "react-router-dom"; // Importe o Link
 import "../../style/components/navbar.css";
 import logo from "../../assets/logo 3.svg";
 
@@ -9,23 +10,22 @@ const Navbar = () => {
 
       <div className="button-navbar">
         <button className="home-navbar">
-          <a href="http://localhost:3000/">Home</a>
+          <Link to="/">Home</Link> 
         </button>
         <button className="aboutUs-navbar">
-          <a href="http://localhost:3000/quemsomos">Quem Somos</a>
+          <Link to="/quemsomos">Quem Somos</Link>
         </button>
         <button className="contact-navbar">
-          {" "}
-          <a href="http://localhost:3000/contato">Contato</a>
+          <Link to="/contato">Contato</Link>
         </button>
       </div>
 
       <div className="dropdown-navbar-users">
         <button className="users-navbar">
           Usuários
           <div className="dropdown-users-navbar">
-            <a href="http://localhost:3000/cadastro">Cadastro de usuário</a>
-            <a href="#">Edição de usuário</a>
+            <Link to="/cadastro">Cadastro de usuário</Link>
+            <Link to="#">Edição de usuário</Link>
           </div>
         </button>
       </div>
@@ -34,8 +34,8 @@ const Navbar = () => {
         <button className="printers-navbar">
           Impressoras
           <div className="dropdown-printers-navbar">
-            <a href="#">Cadastro de impressora</a>
-            <a href="#">Edição de impressora</a>
+            <Link to="#">Cadastro de impressora</Link>
+            <Link to="#">Edição de impressora</Link>
           </div>
         </button>
       </div>

diff --git a/src/components/navbar/NavbarContact.js b/src/components/navbar/NavbarContact.js
diff --git a/src/components/navbar/NavbarSimple.js b/src/components/navbar/NavbarSimple.js
@@ -1,29 +1,31 @@
 import React from "react";
+import { Link } from "react-router-dom"; // Importe o Link
 import "../../style/components/navbarSimple.css";
 import logo from "../../assets/logo 3.svg";
 
 const NavbarSimple = () => {
   return (
     <div className="container-navbar-simple">
-      <img alt="" src={logo}></img>
+      <img alt="" src={logo} />
 
       <div className="button-navbar-simple">
         <button className="home-navbar-simple">
-          <a href="http://localhost:3000/">Home</a>
+          <Link to="/">Home</Link> {/* Use o Link para navegar para a rota */}
         </button>
         <button className="aboutUs-navbar-simple">
-          <a href="http://localhost:3000/quemsomos">Quem Somos</a>
+          <Link to="/quemsomos">Quem Somos</Link>
         </button>
         <button className="contact-navbar-simple">
-          {" "}
-          <a href="http://localhost:3000/contato">Contato</a>
+          <Link to="/contato">Contato</Link>
         </button>
       </div>
 
       <div className="button-login-navbar-simple">
-        <button className="login-navbar-simple">
-          <a href="http://localhost:3000/login">Login</a>
-        </button>
+        <Link to="/login">
+          <button className="login-navbar-simple">
+            Login
+          </button>
+        </Link>
       </div>
     </div>
   );

diff --git a/src/pages/Contact.js b/src/pages/Contact.js
@@ -3,7 +3,7 @@ import "../style/pages/contact.css";
 import Imagem_Homen from "../assets/imagem-homen-ruivo.svg";
 import Input from "../components/Input";
 import emailjs from "@emailjs/browser";
-import NavbarContact from "../components/navbar/NavbarContact";
+import NavbarSimple from "../components/navbar/NavbarSimple";
 
 export default function Contact() {
   const [nome, setNome] = useState("");
@@ -44,7 +44,7 @@ export default function Contact() {
 
   return (
     <>
-      <NavbarContact />
+      <NavbarSimple />
       <div className="Main-page-contact">
         <h1>Contato</h1>
         <div className="Contact-principal">

diff --git a/src/style/components/navbarContact.css b/src/style/components/navbarContact.css
diff --git a/src/style/components/navbarSimple.css b/src/style/components/navbarSimple.css
@@ -47,13 +47,14 @@
 .button-login-navbar-simple a {
   text-decoration: none;
   color: #003366;
+
 }
 
 .login-navbar-simple a {
   text-decoration: none;
   color: #003366;
 }
 .button-login-navbar-simple :hover {
-  background-color: #003366;
-  color: #ffff;
+  color: #006633;
+  border-color: #006633;
 }