From eb666ac65f9247959e157c11ab2ebd97490e1030 Mon Sep 17 00:00:00 2001
From: Luqmaan Essop <luqmaan.essop@amazee.com>
Date: Thu, 2 May 2024 16:20:00 +0200
Subject: [PATCH] refactor: refactor parent menu item to be clickable

---
 packages/ui/src/components/Organisms/Header.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/packages/ui/src/components/Organisms/Header.tsx b/packages/ui/src/components/Organisms/Header.tsx
index dacd4f058..d8d05907b 100644
--- a/packages/ui/src/components/Organisms/Header.tsx
+++ b/packages/ui/src/components/Organisms/Header.tsx
@@ -76,6 +76,13 @@ export function Header() {
                 </Link>
               ) : (
                 <DesktopMenuDropDown title={item.title} key={item.title}>
+                  <Link
+                    key={item.target}
+                    href={item.target}
+                    className="m-1.5 block hover:text-blue-600 p-2 text-sm leading-[1.25rem] text-gray-900 font-bold"
+                  >
+                    {item.title}
+                  </Link>
                   {item.children.map((child) =>
                     child.children.length === 0 ? (
                       <Link
@@ -126,6 +133,14 @@ export function Header() {
                       key={item.title}
                       nestLevel={1}
                     >
+                      <Link
+                        key={item.target}
+                        href={item.target}
+                        title={item.title}
+                        className="block hover:text-blue-600 py-4 pr-8 pl-10 text-base text-gray-600"
+                      >
+                        {item.title}
+                      </Link>
                       {item.children.map((child) =>
                         child.children.length === 0 ? (
                           <Link