Used a fat arrow to work in headerNavigation error.

Will513r · Aug 3, 2024 · c0bc050 · c0bc050
1 parent 600ced4
commit c0bc050
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -5,7 +5,7 @@ type HeaderProps = {
 };
 
 export function Header({ headerNavigation }: HeaderProps) {
-  const [isOpen, setIsOpen] = useState<boolean>(false);
+  const [isOpen, setIsOpen] = useState(false);
 
   function navigationToggle() {
     setIsOpen(!isOpen);
@@ -16,7 +16,9 @@ export function Header({ headerNavigation }: HeaderProps) {
       <div className="container mx-auto flex items-center justify-between px-10 py-6">
         <div>
           <a
-            onClick={navigationToggle}
+            onClick={() => {
+              headerNavigation;
+            }}
             href="/Mainpage"
             className="bg-gradient-to-tr from-indigo-600 to-green-600 bg-clip-text text-4xl font-bold text-transparent hover:cursor-pointer"
           >
@@ -26,14 +28,12 @@ export function Header({ headerNavigation }: HeaderProps) {
         <nav className="flex items-center">
           <ul className="hidden items-center space-x-4 sm:flex">
             <li>
-              <a href="/Mainpage">
-                <button
-                  onClick={navigationToggle}
-                  className="text-md from-indigo-600 to-green-600 hover:text-indigo-600"
-                >
-                  Home
-                </button>
-              </a>
+              <button
+                onClick={navigationToggle}
+                className="text-md from-indigo-600 to-green-600 hover:text-indigo-600"
+              >
+                <a href="/Mainpage">Home</a>
+              </button>
             </li>
           </ul>
           <div className="ml-8 hidden items-center space-x-4 md:flex lg:ml-12"></div>