From c46b47aba11dc5adcba72e1ecdb72450896f2303 Mon Sep 17 00:00:00 2001
From: Nick <nick@skylight.digital>
Date: Tue, 10 Dec 2024 13:31:53 -0500
Subject: [PATCH] remove underline from footer nav items (#74)

---
 src/app/components/Footer/Footer.tsx          | 27 ++++++++++++++-----
 .../NavigationLink/NavigationLink.tsx         |  4 ++-
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/app/components/Footer/Footer.tsx b/src/app/components/Footer/Footer.tsx
index e9a33ba..9b09d7e 100644
--- a/src/app/components/Footer/Footer.tsx
+++ b/src/app/components/Footer/Footer.tsx
@@ -13,17 +13,32 @@ export default function Footer() {
     if (window.innerWidth < 1024) setExpanded((prvExpanded) => !prvExpanded);
   };
 
-  const testItemsMenu = [
-    <NavigationLink key="one" href="/" onClick={onClick}>
+  const footerMenu = [
+    <NavigationLink key="one" href="/" onClick={onClick} showActive={false}>
       Home
     </NavigationLink>,
-    <NavigationLink key="two" href="/products" onClick={onClick}>
+    <NavigationLink
+      key="two"
+      href="/products"
+      onClick={onClick}
+      showActive={false}
+    >
       Our products
     </NavigationLink>,
-    <NavigationLink key="three" href="/case-studies" onClick={onClick}>
+    <NavigationLink
+      key="three"
+      href="/case-studies"
+      onClick={onClick}
+      showActive={false}
+    >
       Case studies
     </NavigationLink>,
-    <NavigationLink key="four" href="/engage-with-us" onClick={onClick}>
+    <NavigationLink
+      key="four"
+      href="/engage-with-us"
+      onClick={onClick}
+      showActive={false}
+    >
       Engage with us
     </NavigationLink>,
   ];
@@ -56,7 +71,7 @@ export default function Footer() {
             </div>
           </div>
           <PrimaryNav
-            items={testItemsMenu}
+            items={footerMenu}
             mobileExpanded={expanded}
             onToggleMobileNav={onClick}
           />
diff --git a/src/app/components/NavigationLink/NavigationLink.tsx b/src/app/components/NavigationLink/NavigationLink.tsx
index d79a341..402c610 100644
--- a/src/app/components/NavigationLink/NavigationLink.tsx
+++ b/src/app/components/NavigationLink/NavigationLink.tsx
@@ -4,12 +4,14 @@ import { usePathname } from 'next/navigation';
 
 interface NavigationLinkProps extends Pick<LinkProps, 'href' | 'onClick'> {
   children: React.ReactNode;
+  showActive?: boolean;
 }
 
 export function NavigationLink({
   href,
   children,
   onClick,
+  showActive = true,
 }: NavigationLinkProps) {
   const isActive = useIsActive(href);
 
@@ -24,7 +26,7 @@ export function NavigationLink({
         className={classNames(
           "lg:text-l font-['Public Sans'] font-bold leading-7 lg:text-white",
           {
-            'underline underline-offset-8': isActive,
+            'underline underline-offset-8': isActive && showActive,
           },
         )}
       >