From 3ab722aa739027781b5ae310cf1525f0c28f5644 Mon Sep 17 00:00:00 2001
From: Ochieng Paul <ochiengpaul442@gmail.com>
Date: Mon, 24 Feb 2025 10:30:57 +0300
Subject: [PATCH] updates

---
 website2/src/components/layouts/Navbar.tsx           | 12 ++++++++++--
 .../src/components/layouts/NotificationBanner.tsx    |  6 +++++-
 website2/src/views/home/HomePlayerSection.tsx        | 12 ++++++++++--
 3 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/website2/src/components/layouts/Navbar.tsx b/website2/src/components/layouts/Navbar.tsx
index 18b4e3d494..8d266dad70 100644
--- a/website2/src/components/layouts/Navbar.tsx
+++ b/website2/src/components/layouts/Navbar.tsx
@@ -272,7 +272,11 @@ const Navbar: React.FC = () => {
               ))}
               <CustomButton
                 onClick={() => {
-                  trackEvent('button_click', 'engagement', 'get_involved');
+                  trackEvent({
+                    action: 'button_click',
+                    category: 'engagement',
+                    label: 'get_involved',
+                  });
                   dispatch(openModal());
                   handleLinkClick();
                 }}
@@ -282,7 +286,11 @@ const Navbar: React.FC = () => {
               </CustomButton>
               <CustomButton
                 onClick={() => {
-                  trackEvent('button_click', 'navigation', 'explore_data');
+                  trackEvent({
+                    action: 'button_click',
+                    category: 'navigation',
+                    label: 'explore_data',
+                  });
                   router.push('/explore-data');
                   handleLinkClick();
                 }}
diff --git a/website2/src/components/layouts/NotificationBanner.tsx b/website2/src/components/layouts/NotificationBanner.tsx
index 4749fae2d3..f80e02c09f 100644
--- a/website2/src/components/layouts/NotificationBanner.tsx
+++ b/website2/src/components/layouts/NotificationBanner.tsx
@@ -14,7 +14,11 @@ const CLEAN_AIR_NETWORK_ROUTE = '/clean-air-network';
 
 const NotificationBanner: React.FC = () => {
   const handleNetworkClick = (version: 'desktop' | 'mobile') => {
-    trackEvent('link_click', 'navigation', `clean_air_network_${version}`);
+    trackEvent({
+      action: 'link_click',
+      category: 'navigation',
+      label: `clean_air_network_${version}`,
+    });
   };
 
   return (
diff --git a/website2/src/views/home/HomePlayerSection.tsx b/website2/src/views/home/HomePlayerSection.tsx
index 2164cb80f7..102fa7629a 100644
--- a/website2/src/views/home/HomePlayerSection.tsx
+++ b/website2/src/views/home/HomePlayerSection.tsx
@@ -214,12 +214,20 @@ const HomePlayerSection: React.FC = () => {
   }, [videoState.isModalOpen, videoState.isBackgroundVideoPlaying]);
 
   const handleExploreData = useCallback(() => {
-    trackEvent('button_click', 'navigation', 'explore_data');
+    trackEvent({
+      action: 'button_click',
+      category: 'navigation',
+      label: 'explore_data',
+    });
     router.push('/explore-data');
   }, [router]);
 
   const handleGetInvolved = useCallback(() => {
-    trackEvent('button_click', 'engagement', 'get_involved');
+    trackEvent({
+      action: 'button_click',
+      category: 'engagement',
+      label: 'get_involved',
+    });
     dispatch(openModal());
   }, [dispatch]);