From 26650100c8d9e24b3d2b8a76aac0a9f75799c6de Mon Sep 17 00:00:00 2001
From: fluffyBalll <118903418+fluffyBalll@users.noreply.github.com>
Date: Sat, 23 Mar 2024 17:40:01 +0800
Subject: [PATCH] Update Navbar.jsx

The  classprops are not in camelCase.
---
 client/src/components/Navbar.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/components/Navbar.jsx b/client/src/components/Navbar.jsx
index a9c7c5a..843c56d 100644
--- a/client/src/components/Navbar.jsx
+++ b/client/src/components/Navbar.jsx
@@ -4,8 +4,8 @@ import { AiOutlineClose } from "react-icons/ai";
 
 import logo from "../../images/logo.png";
 
-const NavBarItem = ({ title, classprops }) => (
-  <li className={`mx-4 cursor-pointer ${classprops}`}>{title}</li>
+const NavBarItem = ({ title, classProps }) => (
+  <li className={`mx-4 cursor-pointer ${classProps}`}>{title}</li>
 );
 
 const Navbar = () => {
@@ -38,7 +38,7 @@ const Navbar = () => {
           >
             <li className="text-xl w-full my-2"><AiOutlineClose onClick={() => setToggleMenu(false)} /></li>
             {["Market", "Exchange", "Tutorials", "Wallets"].map(
-              (item, index) => <NavBarItem key={item + index} title={item} classprops="my-2 text-lg" />,
+              (item, index) => <NavBarItem key={item + index} title={item} classProps="my-2 text-lg" />,
             )}
           </ul>
         )}