diff --git a/src/lib/layout/containerHeader.svelte b/src/lib/layout/containerHeader.svelte index e2d60b2be..80585507e 100644 --- a/src/lib/layout/containerHeader.svelte +++ b/src/lib/layout/containerHeader.svelte @@ -18,6 +18,7 @@ import { ContainerButton } from '.'; import { Button } from '$lib/elements/forms'; import { BillingPlan } from '$lib/constants'; + import { trackEvent } from '$lib/actions/analytics'; export let isFlex = true; export let title: string; @@ -92,8 +93,12 @@ You've reached the {services} limit for the {tier} plan. your organization for additional - resources. + on:click={upgradeMethod} + on:click={() => + trackEvent('click_organization_upgrade', { + from: 'button', + source: 'inline_alert' + })}>Upgrade your organization for additional resources. {/if} @@ -124,7 +129,12 @@ {title.toLocaleLowerCase()} per project on the {tier} plan. {#if $organization?.billingPlan === BillingPlan.STARTER} + on:click={upgradeMethod} + on:click={() => + trackEvent('click_organization_upgrade', { + from: 'button', + source: 'resource_limit_tag' + })}>Upgrade for addtional {title.toLocaleLowerCase()}. {/if}
diff --git a/src/routes/console/organization-[organization]/usage/[[invoice]]/+page.svelte b/src/routes/console/organization-[organization]/usage/[[invoice]]/+page.svelte index 475e23ed5..ccd10c321 100644 --- a/src/routes/console/organization-[organization]/usage/[[invoice]]/+page.svelte +++ b/src/routes/console/organization-[organization]/usage/[[invoice]]/+page.svelte @@ -13,6 +13,7 @@ import { accumulateFromEndingTotal, total } from '$lib/layout/usage.svelte'; import type { OrganizationUsage } from '$lib/sdk/billing'; import { BillingPlan } from '$lib/constants'; + import { trackEvent } from '$lib/actions/analytics'; export let data; @@ -42,7 +43,14 @@