From 8c32668f9f2da08687a17f061c3a49275402b718 Mon Sep 17 00:00:00 2001
From: Cyril B <cyril.bourdet.pro@gmail.com>
Date: Tue, 25 Jul 2023 15:56:36 +0200
Subject: [PATCH] feat (ga): Add google analytics tracking ghostnet

---
 context/config.ts |  5 +++++
 package-lock.json | 11 +++++++++++
 package.json      |  1 +
 pages/_app.tsx    |  4 ++++
 4 files changed, 21 insertions(+)

diff --git a/context/config.ts b/context/config.ts
index 1a9a5353..0d2326c1 100644
--- a/context/config.ts
+++ b/context/config.ts
@@ -11,6 +11,11 @@ export const PREFERED_NETWORK =
     ? NetworkType.MAINNET
     : NetworkType.GHOSTNET;
 
+export const GA_TRACKING_ID =
+  process.env.NEXT_PUBLIC_NETWORK_TYPE === "mainnet"
+    ? "G-QG5J5XRFF9"
+    : "G-32ZN7LBFPN";
+
 export const THUMBNAIL_URL = "https://display-thumbs.dipdup.net";
 
 export const DEFAULT_TIMEOUT = 60000;
diff --git a/package-lock.json b/package-lock.json
index be692c1c..aca7cb34 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -29,6 +29,7 @@
         "next": "13.1.6",
         "react": "18.2.0",
         "react-dom": "18.2.0",
+        "react-ga4": "^2.1.0",
         "typescript": "4.9.3",
         "uuid": "^9.0.0"
       },
@@ -5892,6 +5893,11 @@
       "version": "2.0.4",
       "license": "MIT"
     },
+    "node_modules/react-ga4": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/react-ga4/-/react-ga4-2.1.0.tgz",
+      "integrity": "sha512-ZKS7PGNFqqMd3PJ6+C2Jtz/o1iU9ggiy8Y8nUeksgVuvNISbmrQtJiZNvC/TjDsqD0QlU5Wkgs7i+w9+OjHhhQ=="
+    },
     "node_modules/react-is": {
       "version": "16.13.1",
       "license": "MIT"
@@ -10574,6 +10580,11 @@
     "react-fast-compare": {
       "version": "2.0.4"
     },
+    "react-ga4": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/react-ga4/-/react-ga4-2.1.0.tgz",
+      "integrity": "sha512-ZKS7PGNFqqMd3PJ6+C2Jtz/o1iU9ggiy8Y8nUeksgVuvNISbmrQtJiZNvC/TjDsqD0QlU5Wkgs7i+w9+OjHhhQ=="
+    },
     "react-is": {
       "version": "16.13.1"
     },
diff --git a/package.json b/package.json
index f6051e05..b409db81 100644
--- a/package.json
+++ b/package.json
@@ -37,6 +37,7 @@
     "next": "13.1.6",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-ga4": "^2.1.0",
     "typescript": "4.9.3",
     "uuid": "^9.0.0"
   },
diff --git a/pages/_app.tsx b/pages/_app.tsx
index d0f3f684..cd049f4d 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -15,6 +15,7 @@ import Sidebar from "../components/Sidebar";
 import Footer from "../components/footer";
 import NavBar from "../components/navbar";
 import { PREFERED_NETWORK } from "../context/config";
+import { GA_TRACKING_ID } from "../context/config";
 import {
   tezosState,
   action,
@@ -26,6 +27,9 @@ import {
 } from "../context/state";
 import "../styles/globals.css";
 import Proposals from "./proposals";
+import ReactGA from "react-ga4";
+
+ReactGA.initialize(GA_TRACKING_ID);
 
 export default function App({ Component, pageProps }: AppProps) {
   const [state, dispatch]: [tezosState, React.Dispatch<action>] = useReducer(