added mixpanel

.env.development

@@ -3,3 +3,4 @@ REACT_APP_API_BASE_URL=https://api.stage.ssv.network/api/v4/holesky
 REACT_APP_LINK_SSV_WEBAPP=https://app.stage.ssv.network/
 REACT_APP_GOOGLE_TAG_SECRET=
 REACT_APP_GOOGLE_TAG_URL=
+REACT_APP_MIXPANEL_TOKEN=$MIXPANEL_TOKEN

.env.production

@@ -4,3 +4,4 @@ REACT_APP_LINK_SSV_WEBAPP=$LINK_SSV_WEBAPP
 REACT_APP_GOOGLE_TAG_SECRET=$GOOGLE_TAG_SECRET
 REACT_APP_GOOGLE_TAG_URL=https://www.googletagmanager.com/gtm.js?id=
 REACT_APP_ANNOUNCEMENT=$ANNOUNCEMENT
+REACT_APP_MIXPANEL_TOKEN=$MIXPANEL_TOKEN

.github/workflows/build_deploy.yml

@@ -38,6 +38,7 @@ jobs:
           LINK_SSV_WEBAPP: ${{ secrets.STAGE_LINK_SSV_WEBAPP }}
           ANNOUNCEMENT: ${{ secrets.STAGE_ANNOUNCEMENT }}
           GOOGLE_TAG_SECRET: ${{ secrets.STAGE_GOOGLE_TAG_SECRET }}
+          MIXPANEL_TOKEN: ${{ secrets.MIXPANEL_TOKEN_STAGE }}
         run: yarn build
 
       - name: Deploy staging
@@ -64,6 +65,7 @@ jobs:
           ANNOUNCEMENT: ${{ secrets.PROD_ANNOUNCEMENT_V4 }}
           LINK_SSV_WEBAPP: ${{ secrets.PROD_LINK_SSV_WEBAPP_V4 }}
           GOOGLE_TAG_SECRET: ${{ secrets.PROD_GOOGLE_TAG_SECRET_V4 }}
+          MIXPANEL_TOKEN: ${{ secrets.MIXPANEL_TOKEN_PROD }}
         run: yarn build
 
       - name: Deploy prod beta
@@ -81,32 +83,6 @@ jobs:
           SOURCE_DIR: 'build/'
       # </explorer.ssv.network>
 
-      # <goerli.explorer.ssv.network>
-      - name: Run prod testnet build
-        if: github.ref == 'refs/heads/main'
-        env:
-          NODE_OPTIONS: '--openssl-legacy-provider'
-          API_BASE_URL: ${{ secrets.PROD_API_BASE_URL_V4_TESTNET }}
-          ANNOUNCEMENT: ${{ secrets.PROD_ANNOUNCEMENT_V4_TESTNET }}
-          LINK_SSV_WEBAPP: ${{ secrets.PROD_LINK_SSV_WEBAPP_V4_TESTNET }}
-          GOOGLE_TAG_SECRET: ${{ secrets.PROD_GOOGLE_TAG_SECRET_V4_TESTNET }}
-        run: yarn build
-
-      - name: Deploy prod testnet
-        if: github.ref == 'refs/heads/main'
-        uses: jakejarvis/[email protected]
-        with:
-          args: --acl public-read --follow-symlinks --delete
-        env:
-          NODE_OPTIONS: '--openssl-legacy-provider'
-          AWS_S3_BUCKET: ${{ secrets.PROD_AWS_S3_BUCKET_V4_TESTNET }}
-          ANNOUNCEMENT: ${{ secrets.PROD_ANNOUNCEMENT_V4_TESTNET }}
-          AWS_ACCESS_KEY_ID: ${{ secrets.PROD_AWS_SECRET_KEY_ID }}
-          AWS_SECRET_ACCESS_KEY: ${{ secrets.PROD_AWS_SECRET_ACCESS_KEY }}
-          AWS_REGION: 'us-west-2'
-          SOURCE_DIR: 'build/'
-      # </goerli.explorer.ssv.network>
-
       # <holesky.explorer.ssv.network>
       - name: Run prod testnet build
         if: github.ref == 'refs/heads/main'
@@ -116,6 +92,7 @@ jobs:
           ANNOUNCEMENT: ${{ secrets.PROD_ANNOUNCEMENT_V4_HOLESKY }}
           LINK_SSV_WEBAPP: ${{ secrets.PROD_LINK_SSV_WEBAPP_V4 }}
           GOOGLE_TAG_SECRET: ${{ secrets.PROD_GOOGLE_TAG_SECRET_V4_TESTNET }}
+          MIXPANEL_TOKEN: ${{ secrets.MIXPANEL_TOKEN_PROD }}
         run: yarn build
 
       - name: Deploy prod testnet

package.json

@@ -16,6 +16,7 @@
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",
+    "@types/mixpanel-browser": "^2.50.0",
     "@typescript-eslint/eslint-plugin": "^4.5.0",
     "@typescript-eslint/parser": "^4.5.0",
     "babel-eslint": "^10.1.0",
@@ -54,6 +55,7 @@
     "link-module-alias": "^1.2.0",
     "lodash": "^4.17.21",
     "mini-css-extract-plugin": "0.11.3",
+    "mixpanel-browser": "^2.55.0",
     "mobx": "5.15.0",
     "mobx-react": "6.1.4",
     "optimize-css-assets-webpack-plugin": "5.0.4",