From 206c3ee3c9f22dda3da665c616b93a46530b84c1 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 20 Dec 2023 16:44:53 +0100
Subject: [PATCH] fix: show upgrade cta only to free users

---
 src/lib/layout/activity.svelte                   |  7 +++++--
 src/lib/layout/logs.svelte                       | 16 +++++++++-------
 .../functions/function-[function]/+page.svelte   |  9 ++++-----
 3 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/lib/layout/activity.svelte b/src/lib/layout/activity.svelte
index 03d0577b2..908ab6b8a 100644
--- a/src/lib/layout/activity.svelte
+++ b/src/lib/layout/activity.svelte
@@ -21,6 +21,7 @@
     import { tierToPlan, type PlanServices } from '$lib/stores/billing';
     import { isCloud } from '$lib/system';
     import { organization } from '$lib/stores/organization';
+    import { Button } from '$lib/elements/forms';
 
     export let logs: Models.LogList;
     export let offset = 0;
@@ -50,8 +51,10 @@
                         Logs are retained in rolling {hoursToDays(limit)} intervals with the
                         {tierToPlan($organization.billingPlan).name}
                         plan.
-                        <button class="link" type="button" on:click|preventDefault={upgradeMethod}
-                            >Upgrade</button> to increase your log retention for a longer period.
+                        {#if $organization?.billingPlan === 'tier-0'}
+                            <Button link on:click={upgradeMethod}>Upgrade</Button> to increase your log
+                            retention for a longer period.
+                        {/if}
                     </p>
                 </svelte:fragment>
                 {#each logs.logs as log}
diff --git a/src/lib/layout/logs.svelte b/src/lib/layout/logs.svelte
index a7abce0c4..19be13b4c 100644
--- a/src/lib/layout/logs.svelte
+++ b/src/lib/layout/logs.svelte
@@ -19,6 +19,7 @@
     import { getServiceLimit, tierToPlan } from '$lib/stores/billing';
     import { organization } from '$lib/stores/organization';
     import { app } from '$lib/stores/app';
+    import { Button } from '$lib/elements/forms';
 
     let selectedRequest = 'parameters';
     let selectedResponse = 'logs';
@@ -310,13 +311,14 @@
                                         <Alert>
                                             Logs are retained in rolling {hoursToDays(limit)} intervals
                                             with the {tier} plan.
-                                            <button
-                                                class="link"
-                                                type="button"
-                                                on:click|preventDefault={() =>
-                                                    wizard.start(ChangeOrganizationTierCloud)}
-                                                >Upgrade</button> to increase your log retention for
-                                            a longer period.
+                                            {#if $organization.billingPlan === 'tier-0'}
+                                                <Button
+                                                    link
+                                                    on:click={() =>
+                                                        wizard.start(ChangeOrganizationTierCloud)}
+                                                    >Upgrade</Button> to increase your log retention
+                                                for a longer period.
+                                            {/if}
                                         </Alert>
                                     {/if}
                                     <Code withCopy noMargin code={execution.logs} language="sh" />
diff --git a/src/routes/console/project-[project]/functions/function-[function]/+page.svelte b/src/routes/console/project-[project]/functions/function-[function]/+page.svelte
index da05c0b6f..5f32548a1 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/+page.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/+page.svelte
@@ -221,11 +221,10 @@
                                 Logs are retained in rolling {hoursToDays(limit)} intervals with the
                                 {tierToPlan($organization.billingPlan).name}
                                 plan.
-                                <button
-                                    class="link"
-                                    type="button"
-                                    on:click|preventDefault={upgradeMethod}>Upgrade</button> to increase
-                                your log retention for a longer period.
+                                {#if $organization.billingPlan === 'tier-0'}
+                                    <Button link on:click={upgradeMethod}>Upgrade</Button> to increase
+                                    your log retention for a longer period.
+                                {/if}
                             </p>
                         </svelte:fragment>
                         {#each $deploymentList.deployments as deployment, index (deployment.$id)}