WIP settings

src/lib/actions/analytics.ts

@@ -169,6 +169,10 @@ export enum Click {
     OnboardingAuthAllMethodsClick = 'click_onboarding_auth_all_methods',
     OnboardingDiscordClick = 'click_onboarding_discord',
     StorageBucketDeleteClick = 'click_bucket_delete',
+    SettingsWebhookUpdateSignatureClick = 'click_webhook_update_signature',
+    SettingsWebhookDeleteClick = 'click_webhook_delete',
+    SettingsInstallProviderClick = 'click_install_provider',
+    SettingsStartMigrationClick = 'click_start_migration',
     VariablesCreateClick = 'click_variable_create',
     VariablesUpdateClick = 'click_variable_update',
     VariablesImportClick = 'click_variable_import'

src/routes/(console)/project-[project]/settings/migrations/+page.svelte

@@ -28,6 +28,7 @@
     } from '@appwrite.io/pink-icons-svelte';
     import { Icon, Layout, Link, Status, Table } from '@appwrite.io/pink-svelte';
     import { capitalize } from '$lib/helpers/string';
+    import { Click, trackEvent } from '$lib/actions/analytics';
 
     export let data;
     let migration: Models.Migration = null;
@@ -249,7 +250,12 @@
                         </Avatar>
                     </Layout.Stack>
                     <div>
-                        <Button secondary on:click={() => (showExport = true)}>Export data</Button>
+                        <Button
+                            secondary
+                            on:click={() => {
+                                showExport = true;
+                                trackEvent(Click.SettingsStartMigrationClick);
+                            }}>Export data</Button>
                     </div>
                 </Layout.Stack>
             </svelte:fragment>

src/routes/(console)/project-[project]/settings/updateInstallations.svelte

@@ -25,6 +25,7 @@
         IconPlus,
         IconXCircle
     } from '@appwrite.io/pink-icons-svelte';
+    import { Click, trackEvent } from '$lib/actions/analytics';
 
     export let total: number;
     export let limit: number;
@@ -84,7 +85,12 @@
                 <div class="u-flex u-flex-vertical-mobile u-main-end u-padding-block-end-16">
                     <ul class="buttons-list">
                         <li class="buttons-list-item">
-                            <Button secondary on:click={() => (showGitIstall = true)}>
+                            <Button
+                                secondary
+                                on:click={() => {
+                                    showGitIstall = true;
+                                    trackEvent(Click.SettingsInstallProviderClick);
+                                }}>
                                 <Icon icon={IconPlus} slot="start" size="s" />
                                 Add installation
                             </Button>

src/routes/(console)/project-[project]/settings/webhooks/[webhook]/dangerZone.svelte

@@ -5,6 +5,7 @@
     import Delete from './delete.svelte';
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { Card, Typography } from '@appwrite.io/pink-svelte';
+    import { Click, trackEvent } from '$lib/actions/analytics';
 
     let showDelete = false;
 </script>
@@ -20,7 +21,12 @@
     </svelte:fragment>
 
     <svelte:fragment slot="actions">
-        <Button secondary on:click={() => (showDelete = true)}>Delete</Button>
+        <Button
+            secondary
+            on:click={() => {
+                showDelete = true;
+                trackEvent(Click.SettingsWebhookDeleteClick);
+            }}>Delete</Button>
     </svelte:fragment>
 </CardGrid>
 

src/routes/(console)/project-[project]/settings/webhooks/[webhook]/updateSignature.svelte

@@ -4,6 +4,7 @@
     import { Link } from '@appwrite.io/pink-svelte';
     import Regenerate from './regenerate.svelte';
     import { webhook } from './store';
+    import { Click, trackEvent } from '$lib/actions/analytics';
 
     let showRegenerate = false;
 </script>
@@ -22,7 +23,13 @@
         </div>
     </svelte:fragment>
     <svelte:fragment slot="actions">
-        <Button on:click={() => (showRegenerate = true)} secondary submit>Regenerate key</Button>
+        <Button
+            on:click={() => {
+                showRegenerate = true;
+                trackEvent(Click.SettingsWebhookUpdateSignatureClick);
+            }}
+            secondary
+            submit>Regenerate key</Button>
     </svelte:fragment>
 </CardGrid>