Merge pull request #280 from Vizzuality/SKY30-383-header-links-no-lon…

…ger-displaying-icons-for-the-static-pages

[SKY30-383] Fix header links for static pages no longer displaying the "active" page arrow

frontend/src/components/active-link.tsx

@@ -4,6 +4,8 @@
  */
 import React, { useState, useEffect, PropsWithChildren } from 'react';
 
+import { UrlObject } from 'url';
+
 import Link, { LinkProps } from 'next/link';
 import { useRouter } from 'next/router';
 
@@ -35,7 +37,12 @@ const ActiveLink: React.FC<ActiveLinkProps> = ({
       // Dynamic route will be matched via props.as
       // Static route will be matched via props.href
       const linkPathname = new URL(
-        `${(props.as as string) ?? (props.href as string)}`,
+        `${
+          (props.as as string) ??
+          (typeof props.href === 'string'
+            ? (props.href as string)
+            : ((props.href as UrlObject)?.pathname as string))
+        }`,
         window.location.href
       ).pathname;