From 5ae1a497bcda68bc396b289931da7d843e38979c Mon Sep 17 00:00:00 2001
From: Sayyed Sharuk <sayyedsharuk75@gmail.com>
Date: Thu, 4 Apr 2024 18:32:18 +0530
Subject: [PATCH] Fix ga

---
 src/components/AboutPage/ResumeButton.tsx |  5 +++++
 src/pages/About/About.tsx                 |  6 ------
 src/pages/Home/Home.tsx                   | 11 +++++------
 src/vite-env.d.ts                         |  4 ++++
 4 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/components/AboutPage/ResumeButton.tsx b/src/components/AboutPage/ResumeButton.tsx
index 675bf25..09f3b4b 100644
--- a/src/components/AboutPage/ResumeButton.tsx
+++ b/src/components/AboutPage/ResumeButton.tsx
@@ -1,9 +1,14 @@
 import { Button, Flex } from "@chakra-ui/react";
 import { ScalePing } from "../../animations/ScaleAnimations";
 import { resumeDownload, resumelink } from "../../sources/Links";
+import ReactGA from "react-ga4";
 
 const ResumeButton = () => {
   const handleResumeDownload = () => {
+    ReactGA.event({
+      category: "Resume",
+      action: "Downloaded the Resume",
+    });
     window.open(resumelink, "_blank");
   };
   return (
diff --git a/src/pages/About/About.tsx b/src/pages/About/About.tsx
index b98df8c..faf637e 100644
--- a/src/pages/About/About.tsx
+++ b/src/pages/About/About.tsx
@@ -3,7 +3,6 @@ import { Flex } from "@chakra-ui/react";
 import { ScrollContext } from "../../contexts/ScrollContext";
 import MdHeading from "../../components/Headings/MdHeading";
 import AboutCard from "../../components/AboutPage/AboutCard";
-import ReactGA from "react-ga4";
 
 const About = () => {
   const context = useContext(ScrollContext);
@@ -13,11 +12,6 @@ const About = () => {
   }
   const { AboutRef } = context;
 
-  ReactGA.event({
-    category: "pagevisit",
-    action: `Viewed About Page`,
-  });
-
   return (
     <>
       <Flex
diff --git a/src/pages/Home/Home.tsx b/src/pages/Home/Home.tsx
index f09308c..a2c5a48 100644
--- a/src/pages/Home/Home.tsx
+++ b/src/pages/Home/Home.tsx
@@ -1,5 +1,5 @@
 import { Flex, useDisclosure } from "@chakra-ui/react";
-import { useContext } from "react";
+import { useContext, useEffect } from "react";
 import { ScrollContext } from "../../contexts/ScrollContext";
 import EmailModal from "../../components/EmailModal/EmailModal";
 import IconButtonComp from "../../components/HomePage/IconButtonComp";
@@ -13,6 +13,10 @@ const Home = () => {
   const scrollContext = useContext(ScrollContext);
   const { isOpen, onOpen, onClose } = useDisclosure();
 
+  useEffect(() => {
+    ReactGA.send({ hitType: "pageview", page: "/", title: "Visited Portfolio" });
+  }, []);
+
   if (!scrollContext) {
     return;
   }
@@ -21,11 +25,6 @@ const Home = () => {
 
   const SocialButtonsData = socialBtnDataCreator(onOpen);
 
-  ReactGA.event({
-    category: "pagevisit",
-    action: `Viewed Home Page`,
-  });
-
   return (
     <>
       <Flex
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
index 11f02fe..ff53a5d 100644
--- a/src/vite-env.d.ts
+++ b/src/vite-env.d.ts
@@ -1 +1,5 @@
 /// <reference types="vite/client" />
+
+interface ImportMeta {
+  readonly env: Record<string, string>;
+}