From 7ea2aa9abd0fa8be73c0fa096ce0d135d1662a5e Mon Sep 17 00:00:00 2001
From: Thulina Wickramasinghe <thulinawickramasinghe@gmail.com>
Date: Wed, 21 Aug 2024 19:35:26 +0530
Subject: [PATCH] Refactor: use hallOfFame from state and use it as a variable

---
 src/components/layout/header.jsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/layout/header.jsx b/src/components/layout/header.jsx
index 04d82ec..05b5e9b 100644
--- a/src/components/layout/header.jsx
+++ b/src/components/layout/header.jsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import { RxCross1, RxHamburgerMenu } from "react-icons/rx";
 import { Link } from "react-router-dom";
 import { useLocation } from "react-router-dom";
@@ -17,14 +17,11 @@ const buttonStyles = "mt-1.5 xl:mt-0 px-8 xl:px-[1.15rem] pb-2.5 xl:pb-[0.4rem]
 
 const Header = ({ className }) => {
   const [mobileNavOpen, setMobileNavOpen] = useState(false);
-  const [isHallOfFame, setIsHallOfFame] = useState();
 
   const breakpoints = useBreakpoint();
   const { pathname } = useLocation();
 
-  useEffect(() => {
-    setIsHallOfFame(pathname === hallOfFame);
-  }, [pathname]);
+  const isHallOfFame = pathname === hallOfFame;
 
   return (
     <header