From 4de247ab50882a00e760d964706b25bf0b989bb9 Mon Sep 17 00:00:00 2001
From: Linus Flood <linus.flood@scandichotels.com>
Date: Mon, 7 Oct 2024 09:00:15 +0200
Subject: [PATCH] Tracking WIP

---
 components/CookieBot/index.tsx             |  2 +-
 components/Current/GTMScript.tsx           | 15 +++++----------
 components/TempDesignSystem/Link/index.tsx | 20 ++------------------
 3 files changed, 8 insertions(+), 29 deletions(-)

diff --git a/components/CookieBot/index.tsx b/components/CookieBot/index.tsx
index 32b9dd0c0..9860e61d6 100644
--- a/components/CookieBot/index.tsx
+++ b/components/CookieBot/index.tsx
@@ -5,7 +5,7 @@ import { useCallback, useEffect } from "react"
 
 import { webviews } from "@/constants/routes/webviews"
 
-export default function CookieBot() {
+export default function CookieBotConsent() {
   const pathName = usePathname()
   const isWebview = webviews.includes(pathName)
   const CookiebotCallbackOnAccept = useCallback(() => {
diff --git a/components/Current/GTMScript.tsx b/components/Current/GTMScript.tsx
index 3abcc7dfc..bc72a2e3f 100644
--- a/components/Current/GTMScript.tsx
+++ b/components/Current/GTMScript.tsx
@@ -1,18 +1,13 @@
+import Script from "next/script"
+
 export default function GTMScript() {
   return (
-    <script
+    <Script
+      id="gtm-script-tag"
       data-cookieconsent="statistics"
       dangerouslySetInnerHTML={{
         __html: `
-        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':​
-
-        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],​
-        
-        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=​
-        
-        'https://analytics.scandichotels.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);​
-        
-        })(window,document,'script','adobeDataLayer','GTM-KNJCW67W');
+        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':​new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],​j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=​'https://analytics.scandichotels.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);​})(window,document,'script','adobeDataLayer','GTM-KNJCW67W');
         `,
       }}
       async
diff --git a/components/TempDesignSystem/Link/index.tsx b/components/TempDesignSystem/Link/index.tsx
index c805bfa23..456ca194f 100644
--- a/components/TempDesignSystem/Link/index.tsx
+++ b/components/TempDesignSystem/Link/index.tsx
@@ -1,7 +1,7 @@
 "use client"
 import NextLink from "next/link"
-import { usePathname, useRouter, useSearchParams } from "next/navigation"
-import { startTransition, useCallback, useMemo } from "react"
+import { usePathname, useSearchParams } from "next/navigation"
+import { useCallback, useMemo } from "react"
 
 import { trackClick } from "@/utils/tracking"
 
@@ -45,8 +45,6 @@ export default function Link({
     variant,
   })
 
-  const router = useRouter()
-
   const fullUrl = useMemo(() => {
     const search =
       keepSearchParams && searchParams.size ? `?${searchParams}` : ""
@@ -71,20 +69,6 @@ export default function Link({
         if (trackingId) {
           trackClickById()
         }
-        if (props.target === "_blank") {
-          // If link should open in new tab, we don't want to
-          // track navigation nor start a router transition.
-          return
-        }
-        if (href.startsWith("tel:") || href.startsWith("mailto:")) {
-          // If href contains tel or mailto protocols we don't want to
-          // track navigation nor start a router transition.
-          return
-        }
-        e.preventDefault()
-        startTransition(() => {
-          router.push(fullUrl, { scroll })
-        })
       }}
       href={fullUrl}
       id={trackingId}