feat: add isHash handling to Link component

Author: wackerow

src/components/Link.tsx

@@ -67,6 +67,7 @@ export const BaseLink = forwardRef(function Link(
   const isPdf = url.isPdf(href)
   const isExternal = url.isExternal(href)
   const isInternalPdf = isPdf && !isExternal
+  const isHash = url.isHash(href)
 
   // Get proper download link for internally hosted PDF's & static files (ex: whitepaper)
   // Opens in separate window.
@@ -119,6 +120,27 @@ export const BaseLink = forwardRef(function Link(
     )
   }
 
+  if (isHash) {
+    return (
+      <ChakraLink
+        onClick={(e) => {
+          e.stopPropagation()
+          trackCustomEvent(
+            customEventOptions ?? {
+              eventCategory: "Link",
+              eventAction: "Clicked",
+              eventName: "Clicked on hash link",
+              eventValue: href,
+            }
+          )
+        }}
+        {...commonProps}
+      >
+        {children}
+      </ChakraLink>
+    )
+  }
+
   return (
     <NextLink
       locale={locale}

src/lib/utils/url.ts

@@ -33,3 +33,5 @@ export const isHrefActive = (
     ? pathname.startsWith(cleanHref)
     : pathname === cleanHref
 }
+
+export const isHash = (href: string): boolean => href.startsWith("#")