From 9ce77ee5d868322c5ba13c38297f2a21e0fc8710 Mon Sep 17 00:00:00 2001
From: Irfan Maulana <maulana.irfan@tokopedia.com>
Date: Sun, 25 Jul 2021 23:14:54 +0700
Subject: [PATCH 1/3] revert: gtm

---
 pages/_app.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/pages/_app.tsx b/pages/_app.tsx
index cadb32c4f..43bcef8bc 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -6,6 +6,7 @@ import "typeface-inter";
 import { useEffect } from "react";
 
 import { LayoutRoot } from "~/components/layout/layout-root";
+import { Script } from "~/components/script";
 import config from "~/lib/config";
 
 import type { AppProps } from "next/app";
@@ -81,6 +82,24 @@ export default function App({ Component, pageProps, router }: AppProps) {
         <link href="/favicon.ico" rel="icon" />
         <link href="/manifest.json" rel="manifest" />
         <meta content="#1667C2" name="theme-color" />
+        <Script
+          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://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-5X4ZPBX');`,
+          }}
+        />
+        <noscript>
+          <iframe
+            height="0"
+            src="https://www.googletagmanager.com/ns.html?id=GTM-5X4ZPBX"
+            style={{ display: "none", visibility: "hidden" }}
+            title="gtm"
+            width="0"
+          />
+        </noscript>
       </Head>
       <Component {...pageProps} />
     </LayoutRoot>

From a6be07e67173665521f1a255d484f9d7e7104e5c Mon Sep 17 00:00:00 2001
From: Irfan Maulana <maulana.irfan@tokopedia.com>
Date: Sun, 25 Jul 2021 23:15:46 +0700
Subject: [PATCH 2/3] fix: outide next/head

---
 pages/_app.tsx | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/pages/_app.tsx b/pages/_app.tsx
index 43bcef8bc..fbbbfa130 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -82,25 +82,25 @@ export default function App({ Component, pageProps, router }: AppProps) {
         <link href="/favicon.ico" rel="icon" />
         <link href="/manifest.json" rel="manifest" />
         <meta content="#1667C2" name="theme-color" />
-        <Script
-          dangerouslySetInnerHTML={{
-            __html: `(function(w,d,s,l,i){w[l] = w[l] || [];w[l].push({'gtm.start':
+      </Head>
+      <Script
+        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://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
 })(window,document,'script','dataLayer','GTM-5X4ZPBX');`,
-          }}
+        }}
+      />
+      <noscript>
+        <iframe
+          height="0"
+          src="https://www.googletagmanager.com/ns.html?id=GTM-5X4ZPBX"
+          style={{ display: "none", visibility: "hidden" }}
+          title="gtm"
+          width="0"
         />
-        <noscript>
-          <iframe
-            height="0"
-            src="https://www.googletagmanager.com/ns.html?id=GTM-5X4ZPBX"
-            style={{ display: "none", visibility: "hidden" }}
-            title="gtm"
-            width="0"
-          />
-        </noscript>
-      </Head>
+      </noscript>
       <Component {...pageProps} />
     </LayoutRoot>
   );

From c9b9078807a81b6974092ec4ee65761c15783b43 Mon Sep 17 00:00:00 2001
From: Irfan Maulana <maulana.irfan@tokopedia.com>
Date: Sun, 25 Jul 2021 23:21:28 +0700
Subject: [PATCH 3/3] fix: remove double gtm on home-page.tsx

---
 pages/_app.tsx      |  1 +
 pages/home-page.tsx | 19 -------------------
 2 files changed, 1 insertion(+), 19 deletions(-)

diff --git a/pages/_app.tsx b/pages/_app.tsx
index fbbbfa130..2fdf967e6 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -83,6 +83,7 @@ export default function App({ Component, pageProps, router }: AppProps) {
         <link href="/manifest.json" rel="manifest" />
         <meta content="#1667C2" name="theme-color" />
       </Head>
+
       <Script
         dangerouslySetInnerHTML={{
           __html: `(function(w,d,s,l,i){w[l] = w[l] || [];w[l].push({'gtm.start':
diff --git a/pages/home-page.tsx b/pages/home-page.tsx
index 18ce02199..49d1e80c5 100644
--- a/pages/home-page.tsx
+++ b/pages/home-page.tsx
@@ -1,6 +1,5 @@
 import { Page } from "~/components/layout/page";
 import { PageContent } from "~/components/layout/page-content";
-import { Script } from "~/components/script";
 import data from "~/data/wbw.json";
 import { bannerBlurData, cloudinaryLoader } from "~/lib/cloudinary-loader";
 import config from "~/lib/config";
@@ -36,24 +35,6 @@ export default function Home(props: HomeProps) {
       <Head>
         <style dangerouslySetInnerHTML={{ __html: props.css }} />
       </Head>
-      <Script
-        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://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-})(window,document,'script','dataLayer','GTM-5X4ZPBX');`,
-        }}
-      />
-      <noscript>
-        <iframe
-          height="0"
-          src="https://www.googletagmanager.com/ns.html?id=GTM-5X4ZPBX"
-          style={{ display: "none", visibility: "hidden" }}
-          title="gtm"
-          width="0"
-        />
-      </noscript>
       <header>
         <div className="max-w-xl mx-auto">
           <h1 className="p-0">