diff --git a/src/app/SCR-sSCR/Header/GetSCRDialog.tsx b/src/app/SCR-sSCR/Header/GetSCRDialog.tsx
index 80fc4592a..897be0bf7 100644
--- a/src/app/SCR-sSCR/Header/GetSCRDialog.tsx
+++ b/src/app/SCR-sSCR/Header/GetSCRDialog.tsx
@@ -1,5 +1,7 @@
"use client"
+import { Fragment } from "react"
+
import { Box, Dialog, DialogContent, DialogTitle, Divider, IconButton, SvgIcon, Typography, alpha } from "@mui/material"
import CloseSvg from "@/assets/svgs/bridge/close.svg"
@@ -85,7 +87,7 @@ const GetSCRDialog = props => {
circumstances will we be responsible for any losses you may incur.
{GER_SCR_DATA.map(({ title, data }, index) => (
- <>
+
{!!index && }
{title}
@@ -95,7 +97,7 @@ const GetSCRDialog = props => {
))}
- >
+
))}
diff --git a/src/app/SCR-sSCR/Header/GetSCRItem.tsx b/src/app/SCR-sSCR/Header/GetSCRItem.tsx
index 363eeea61..27c283661 100644
--- a/src/app/SCR-sSCR/Header/GetSCRItem.tsx
+++ b/src/app/SCR-sSCR/Header/GetSCRItem.tsx
@@ -1,3 +1,4 @@
+import { sendGAEvent } from "@next/third-parties/google"
import Image from "next/image"
import { Button, Stack, Typography } from "@mui/material"
@@ -6,6 +7,13 @@ import ArrowSvg from "@/assets/svgs/ecosystem/arrow.svg"
const GetSCRItem = props => {
const { name, logoURL, href } = props
+
+ const handleEventTracking = () => {
+ sendGAEvent("event", "click_get_SCR_link", {
+ label: name,
+ link: href,
+ })
+ }
return (
@@ -22,6 +30,7 @@ const GetSCRItem = props => {
fontWeight: 600,
}}
target="_blank"
+ onClick={handleEventTracking}
>
Visit
diff --git a/src/app/SCR-sSCR/Header/index.tsx b/src/app/SCR-sSCR/Header/index.tsx
index aac43893a..855309ffb 100644
--- a/src/app/SCR-sSCR/Header/index.tsx
+++ b/src/app/SCR-sSCR/Header/index.tsx
@@ -1,5 +1,6 @@
"use client"
+import { sendGAEvent } from "@next/third-parties/google"
import Image from "next/image"
import { useEffect, useState } from "react"
@@ -38,12 +39,18 @@ const Header = props => {
values: [circulatingSupply, votableSupply],
action: () => {
setGetSCROpen(true)
+ sendGAEvent("event", "click_get_SCR", {
+ label: "Get SCR now",
+ })
},
},
{
id: "stake-scr",
action: () => {
// TODO: coming soon
+ // sendGAEvent("event", "click_stack_SCR", {
+ // label: "Stack SCR now",
+ // })
},
},
]
diff --git a/src/app/scrETH/Header/index.tsx b/src/app/scrETH/Header/index.tsx
index cdbf5a92a..7199993f6 100644
--- a/src/app/scrETH/Header/index.tsx
+++ b/src/app/scrETH/Header/index.tsx
@@ -1,5 +1,6 @@
"use client"
+// import { sendGAEvent } from "@next/third-parties/google"
import Image from "next/image"
import { useEffect, useState } from "react"
@@ -25,6 +26,13 @@ const Header = () => {
window.removeEventListener("resize", handleResize)
}
}, [])
+
+ // TODO:coming soon
+ // const handleEventTracking = () => {
+ // sendGAEvent("event", "click_get_ethSCR", {
+ // label: "",
+ // })
+ // }
return (