From 619c0241d254b6552178ea64b98cc402daa2addf Mon Sep 17 00:00:00 2001
From: ItzNotABug <itznotabug@gmail.com>
Date: Tue, 1 Oct 2024 20:59:12 +0530
Subject: [PATCH] add: trackEvents for promo modals.

---
 src/lib/components/bottomModalAlert.svelte | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/bottomModalAlert.svelte b/src/lib/components/bottomModalAlert.svelte
index a6c398d8e..9594731a1 100644
--- a/src/lib/components/bottomModalAlert.svelte
+++ b/src/lib/components/bottomModalAlert.svelte
@@ -15,10 +15,13 @@
     import { addBottomModalAlerts } from '$routes/(console)/bottomAlerts';
     import { project } from '$routes/(console)/project-[project]/store';
     import { page } from '$app/stores';
+    import { trackEvent } from '$lib/actions/analytics';
 
     let currentIndex = 0;
     let openModalOnMobile = false;
 
+    const promoId = (alertId: string) => alertId.replace(/(banner:|modal:)/g, '');
+
     function getPageScope(pathname: string) {
         const isProjectPage = pathname.includes('project-[project]');
         const isOrganizationPage = pathname.includes('organization-[organization]');
@@ -167,7 +170,13 @@
                                           project: $project
                                       })}
                                 external={!!currentModalAlert.cta.external}
-                                fullWidthMobile>
+                                fullWidthMobile
+                                on:click={() => {
+                                    trackEvent('click_promo', {
+                                        promo: promoId(currentModalAlert.id),
+                                        type: shouldShowUpgrade ? 'upgrade' : 'try_now'
+                                    });
+                                }}>
                                 {currentModalAlert.cta.text}
                             </Button>