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 (