From 6db75afe8fdf4756c94cddf456aa2ba69964ac8d Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 13 Aug 2024 14:40:19 +0200
Subject: [PATCH] feat: add quick filters analytics

---
 src/lib/actions/analytics.ts                   |  3 ++-
 src/lib/elements/pill.svelte                   |  4 +++-
 .../executions/quickFilters.svelte             | 18 ++++++++++++++++--
 .../function-[function]/quickFilters.svelte    | 18 ++++++++++++++++--
 4 files changed, 37 insertions(+), 6 deletions(-)

diff --git a/src/lib/actions/analytics.ts b/src/lib/actions/analytics.ts
index b63fbd03b..7f04541a4 100644
--- a/src/lib/actions/analytics.ts
+++ b/src/lib/actions/analytics.ts
@@ -319,5 +319,6 @@ export enum Submit {
     MessagingTopicUpdateName = 'submit_messaging_topic_update_name',
     MessagingTopicUpdatePermissions = 'submit_messaging_topic_update_permissions',
     MessagingTopicSubscriberAdd = 'submit_messaging_topic_subscriber_add',
-    MessagingTopicSubscriberDelete = 'submit_messaging_topic_subscriber_delete'
+    MessagingTopicSubscriberDelete = 'submit_messaging_topic_subscriber_delete',
+    ApplyQuickFilter = 'submit_apply_quick_filter'
 }
diff --git a/src/lib/elements/pill.svelte b/src/lib/elements/pill.svelte
index c5d129b6f..773a82cd3 100644
--- a/src/lib/elements/pill.svelte
+++ b/src/lib/elements/pill.svelte
@@ -12,6 +12,7 @@
     export let external = false;
     export let href: string = null;
     export let event: string = null;
+    export let eventData: Record<string, unknown> = {};
     export let style = '';
     let classes = '';
     export { classes as class };
@@ -22,7 +23,8 @@
         }
 
         trackEvent(`click_${event}`, {
-            from: 'tag'
+            from: 'tag',
+            ...eventData
         });
     }
 </script>
diff --git a/src/routes/(console)/project-[project]/functions/function-[function]/executions/quickFilters.svelte b/src/routes/(console)/project-[project]/functions/function-[function]/executions/quickFilters.svelte
index 0a08cd396..48b570c37 100644
--- a/src/routes/(console)/project-[project]/functions/function-[function]/executions/quickFilters.svelte
+++ b/src/routes/(console)/project-[project]/functions/function-[function]/executions/quickFilters.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { afterNavigate } from '$app/navigation';
+    import { Submit, trackEvent } from '$lib/actions/analytics';
     import { DropList, DropListItem } from '$lib/components';
     import {
         addFilter,
@@ -163,6 +164,11 @@
             }
         }
         queries.apply();
+        trackEvent(Submit.ApplyQuickFilter, {
+            source: 'function_executions',
+            column: colTitle,
+            value: value || arrayValues.join(', ')
+        });
     }
 
     function addStatusCodeFilter(value: string, colId: string) {
@@ -179,7 +185,11 @@
 
 {#each [statusFilter, triggerFilter, methodFilter] as filter}
     <DropList bind:show={filter.show} noArrow class="u-margin-block-start-16">
-        <Pill button on:click={() => (filter.show = !filter.show)}>
+        <Pill
+            button
+            on:click={() => (filter.show = !filter.show)}
+            event="apply_quick_filter"
+            eventData={{ source: 'function_execution', column: filter.title }}>
             {#key filter.tag}
                 <span use:tagFormat>
                     {filter?.tag ?? filter.title}
@@ -226,7 +236,11 @@
 {/each}
 {#each [statusCodeFilter, createdAtFilter] as filter}
     <DropList bind:show={filter.show} noArrow class="u-margin-block-start-16">
-        <Pill button on:click={() => (filter.show = !filter.show)}>
+        <Pill
+            button
+            on:click={() => (filter.show = !filter.show)}
+            event="apply_quick_filter"
+            eventData={{ source: 'function_execution', column: filter.title }}>
             {#key filter.tag}
                 <span use:tagFormat>
                     {filter?.tag ?? filter.title}
diff --git a/src/routes/(console)/project-[project]/functions/function-[function]/quickFilters.svelte b/src/routes/(console)/project-[project]/functions/function-[function]/quickFilters.svelte
index 286fc3c7c..ec9eaf34c 100644
--- a/src/routes/(console)/project-[project]/functions/function-[function]/quickFilters.svelte
+++ b/src/routes/(console)/project-[project]/functions/function-[function]/quickFilters.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { afterNavigate } from '$app/navigation';
+    import { Submit, trackEvent } from '$lib/actions/analytics';
     import { DropList, DropListItem } from '$lib/components';
     import {
         addFilter,
@@ -162,6 +163,11 @@
             }
         }
         queries.apply();
+        trackEvent(Submit.ApplyQuickFilter, {
+            source: 'function_deployments',
+            column: colTitle,
+            value: value || arrayValues.join(', ')
+        });
     }
 
     function addSizeFilter(value: string, colId: string) {
@@ -177,7 +183,11 @@
 
 {#each [typeFilter] as filter}
     <DropList bind:show={filter.show} noArrow class="u-margin-block-start-16">
-        <Pill button on:click={() => (filter.show = !filter.show)}>
+        <Pill
+            button
+            on:click={() => (filter.show = !filter.show)}
+            event="apply_quick_filter"
+            eventData={{ source: 'function_deployments', column: filter.title }}>
             {#key filter.tag}
                 <span use:tagFormat>
                     {filter?.tag ?? filter.title}
@@ -224,7 +234,11 @@
 {/each}
 {#each [sizeFilter] as filter}
     <DropList bind:show={filter.show} noArrow class="u-margin-block-start-16">
-        <Pill button on:click={() => (filter.show = !filter.show)}>
+        <Pill
+            button
+            on:click={() => (filter.show = !filter.show)}
+            event="apply_quick_filter"
+            eventData={{ source: 'function_deployments', column: filter.title }}>
             {#key filter.tag}
                 <span use:tagFormat>
                     {filter?.tag ?? filter.title}