Merge pull request #46 from astriaorg/develop

google analytics

web/.env.example

@@ -10,3 +10,5 @@ REACT_APP_BRAND_URL=https://astria.org
 REACT_APP_BRIDGE_URL=https://bridge.astria.org
 REACT_APP_SWAP_URL=https://flame.astria.org/swap
 REACT_APP_POOL_URL=https://flame.astria.org/pool
+
+REACT_APP_GA_TRACKING_ID=

web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astria-bridge-web-app",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "private": true,
   "dependencies": {
     "@cosmjs/launchpad": "^0.27.1",
@@ -20,6 +20,7 @@
     "ethers": "^6.13.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-ga4": "^2.1.0",
     "react-hook-form": "^7.50.0",
     "react-router-dom": "^6.17.0",
     "react-scripts": "5.0.1",
@@ -41,7 +42,11 @@
     "lint-apply-unsafe": "biome lint --apply-unsafe ./src ./public"
   },
   "browserslist": {
-    "production": [">0.2%", "not dead", "not op_mini all"],
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
     "development": [
       "last 1 chrome version",
       "last 1 firefox version",

web/src/index.tsx

@@ -1,9 +1,16 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-import "styles/index.scss";
-import reportWebVitals from "./reportWebVitals";
+import ReactGA from "react-ga4";
 import { BrowserRouter } from "react-router-dom";
+import reportWebVitals from "./reportWebVitals";
+
 import App from "./App";
+import "styles/index.scss";
+
+// load ga tracking if id available
+if (process.env.REACT_APP_GA_TRACKING_ID) {
+  ReactGA.initialize(process.env.REACT_APP_GA_TRACKING_ID);
+}
 
 const domRoot: ReactDOM.Root = ReactDOM.createRoot(
   document.getElementById("root") as HTMLElement,