fixed the navbar

Iseluin · Jan 4, 2022 · a9670c8 · a9670c8
1 parent 54af339
commit a9670c8
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 9 deletions.
diff --git a/src/App.js b/src/App.js
@@ -13,7 +13,7 @@ export function App() {
   return (
     <div>
       <Router>
-        <Route path="/" component={NavBar} />
+        <NavBar />
         <Route exact path="/" component={Home} />
         <Route path="/Completed" component={Completed} />
         <Route path="/MainBoard" component={MainBoard} />

diff --git a/src/components/Nav.js b/src/components/Nav.js
@@ -1,38 +1,46 @@
 import React from "react";
 import "../App.css";
-import { BrowserRouter as Link } from "react-router-dom";
+import { Link } from "react-router-dom";
 import { Navbar, NavItem, Container, Nav } from "react-bootstrap";
 import logo from "../photos/logo.png";
 
 const NavBar = () => {
   return (
-    <Navbar style={{ backgroundColor:'#202534', color:'white' }}>
+    <Navbar style={{ backgroundColor: "#202534", color: "white" }}>
       <Container>
         <Navbar.Brand href="/">
-          <img src={logo} alt="logo" style={{ height: "50px"}} />
+          <img src={logo} alt="logo" style={{ height: "50px" }} />
         </Navbar.Brand>
         <Nav className="me-auto">
-          <NavItem >
+          <NavItem>
             {" "}
-            <Link to="/" className="nav-link"  style={{ color:'white' }}>
+            <Link to="/" className="nav-link" style={{ color: "white" }}>
               Homepage
             </Link>
           </NavItem>
           <NavItem>
             {" "}
-            <Link to="/Completed" className="nav-link"  style={{ color:'white' }}>
+            <Link
+              to="/Completed"
+              className="nav-link"
+              style={{ color: "white" }}
+            >
               Completed Tasks
             </Link>
           </NavItem>
           <NavItem>
             {" "}
-            <Link to="/About" className="nav-link"  style={{ color:'white' }}>
+            <Link to="/About" className="nav-link" style={{ color: "white" }}>
               About Us
             </Link>
           </NavItem>
           <NavItem>
             {" "}
-            <Link to="/ContactUs" className="nav-link"  style={{ color:'white' }}>
+            <Link
+              to="/ContactUs"
+              className="nav-link"
+              style={{ color: "white" }}
+            >
               Contact Us
             </Link>
           </NavItem>