Fix ga

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 (

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

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

src/vite-env.d.ts

@@ -1 +1,5 @@
 /// <reference types="vite/client" />
+
+interface ImportMeta {
+  readonly env: Record<string, string>;
+}