Fixing variable names

columbiaspace · Feb 18, 2024 · 054dc20 · 054dc20
1 parent d436bf2
commit 054dc20
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 15 deletions.
diff --git a/src/App.js b/src/App.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import './App.css'; 
 import Navbar from "./components/Navbar";
-import BNavbar from "./components/BNavbar";
+import BNavbar from "./components/BottomButtons";
 import {
   BrowserRouter as Router,
   Routes,

diff --git a/src/components/BNavbar.js → src/components/BottomButtons.js b/src/components/BNavbar.js → src/components/BottomButtons.js
@@ -1,10 +1,10 @@
 // BNavbar.js
 import React from "react";
-import { BNav, BNavMenu, BNavButton } from "./BNavbarElements"; // Add BNavButton import
+import { BottomButtonMenu, BButtonButton, BButton } from "./BottomButtonsElements"; // Add BNavButton import
 import { useNavigate, useLocation } from "react-router-dom";
-import './bnavbar.css';
+import './bottombuttons.css';
 
-const BNavbar = () => {
+const BottomButtons = () => {
     const navigate = useNavigate();
     const location = useLocation();
 
@@ -25,17 +25,17 @@ const BNavbar = () => {
 
     return (
         <>
-            <BNav>
-                <BNavMenu>
+            <BButton>
+                <BottomButtonMenu>
                     {pageButtonMap[location.pathname] && pageButtonMap[location.pathname].map((buttonLink, index) => (
-                        <BNavButton key={index} onClick={() => handleButtonClick(buttonLink)} className="bnav-link">
+                        <BButtonButton key={index} onClick={() => handleButtonClick(buttonLink)} className="bnav-link">
                             {index % 2 === 0 ? '◄' : '►'} {buttonLink.split('/')[1]}
-                        </BNavButton>
+                        </BButtonButton>
                     ))}
-                </BNavMenu>
-            </BNav>
+                </BottomButtonMenu>
+            </BButton>
         </>
     );
 };
 
-export default BNavbar;
+export default BottomButtons;
diff --git a/src/components/BNavbarElements.js → src/components/BottomButtonsElements.js b/src/components/BNavbarElements.js → src/components/BottomButtonsElements.js
@@ -2,7 +2,7 @@
 import styled from "styled-components";
 import { NavLink as Link } from "react-router-dom";
 
-export const BNav = styled.nav`
+export const BButton = styled.nav`
     background: darkblue;
     height: 75px;
     display: flex;
@@ -15,7 +15,7 @@ export const BNav = styled.nav`
     width: 100%;
 `;
 
-export const BNavButton = styled.button`
+export const BButtonButton = styled.button`
     color: #808080;
     background: none;
     border: none;
@@ -37,7 +37,7 @@ export const BNavButton = styled.button`
     }
 `;
 
-export const BNavLink = styled(Link)`
+export const BottomLink = styled(Link)`
     color: #808080;
     text-decoration: none;
     width: 2rem; /* Fixed width for square buttons */
@@ -57,7 +57,7 @@ export const BNavLink = styled(Link)`
     }
 `;
 
-export const BNavMenu = styled.div`
+export const BottomButtonMenu = styled.div`
     display: flex;
     justify-content: space-between;
     align-items: center;

diff --git a/src/components/bnavbar.css → src/components/bottombuttons.css b/src/components/bnavbar.css → src/components/bottombuttons.css