Use the interactive map on the map page

components/TempDesignSystem/Link/index.tsx

@@ -1,7 +1,7 @@
 "use client"
 import NextLink from "next/link"
-import { usePathname, useRouter } from "next/navigation"
-import { startTransition, useCallback } from "react"
+import { usePathname, useRouter, useSearchParams } from "next/navigation"
+import { startTransition, useCallback, useMemo } from "react"
 
 import useRouterTransitionStore from "@/stores/router-transition"
 
@@ -24,9 +24,14 @@ export default function Link({
   variant,
   trackingId,
   onClick,
+  /**
+   * Decides if the link should include the current search params in the URL
+   */
+  keepSearchParams,
   ...props
 }: LinkProps) {
   const currentPageSlug = usePathname()
+  const searchParams = useSearchParams()
   let isActive = active || currentPageSlug === href
 
   if (partialMatch && !isActive) {
@@ -44,6 +49,12 @@ export default function Link({
 
   const router = useRouter()
 
+  const fullUrl = useMemo(() => {
+    const search =
+      keepSearchParams && searchParams.size ? `?${searchParams}` : ""
+    return `${href}${search}`
+  }, [href, searchParams, keepSearchParams])
+
   const startRouterTransition = useRouterTransitionStore(
     (state) => state.startRouterTransition
   )
@@ -75,10 +86,10 @@ export default function Link({
         trackPageViewStart()
         startTransition(() => {
           startRouterTransition()
-          router.push(href, { scroll })
+          router.push(fullUrl, { scroll })
         })
       }}
-      href={href}
+      href={fullUrl}
       id={trackingId}
       {...props}
     />