From 83fd3459f85a1b22f5927d6bff46f1fd8b4ecc4e Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 25 Jul 2023 15:32:21 +0200
Subject: [PATCH] feat: clean unused folder, fix feedback, budget cap

---
 src/routes/console/feedbackWizard.svelte      |  4 +--
 .../organization-[organization]/+page.svelte  |  5 +++
 .../billing/+page.svelte                      |  2 +-
 .../billing/billingAddress.svelte             |  2 +-
 .../billing/budgetAlert.svelte                |  2 +-
 .../billing/budgetCap.svelte                  | 31 ++++++++++++++-----
 .../settings/billing/+page.svelte             | 10 ------
 .../settings/billing/budgetCap.svelte         | 31 -------------------
 .../settings/billing/bugetAlert.svelte        |  0
 .../settings/billing/overview.svelte          |  0
 .../project-[project]/settings/header.svelte  |  5 ---
 .../feedback}/step1.svelte                    |  0
 .../feedback}/step2.svelte                    |  0
 13 files changed, 34 insertions(+), 58 deletions(-)
 delete mode 100644 src/routes/console/project-[project]/settings/billing/+page.svelte
 delete mode 100644 src/routes/console/project-[project]/settings/billing/budgetCap.svelte
 delete mode 100644 src/routes/console/project-[project]/settings/billing/bugetAlert.svelte
 delete mode 100644 src/routes/console/project-[project]/settings/billing/overview.svelte
 rename src/routes/console/{wizardFeedback => wizard/feedback}/step1.svelte (100%)
 rename src/routes/console/{wizardFeedback => wizard/feedback}/step2.svelte (100%)

diff --git a/src/routes/console/feedbackWizard.svelte b/src/routes/console/feedbackWizard.svelte
index fd55199c3..9a7553ae1 100644
--- a/src/routes/console/feedbackWizard.svelte
+++ b/src/routes/console/feedbackWizard.svelte
@@ -3,8 +3,8 @@
     import { onDestroy } from 'svelte';
     import type { WizardStepsType } from '$lib/layout/wizard.svelte';
     import { feedbackData } from '$lib/stores/feedback';
-    import Step1 from './wizardFeedback/step1.svelte';
-    import Step2 from './wizardFeedback/step2.svelte';
+    import Step1 from './wizard/feedback/step1.svelte';
+    import Step2 from './wizard/feedback/step2.svelte';
 
     onDestroy(() => {
         feedbackData.reset();
diff --git a/src/routes/console/organization-[organization]/+page.svelte b/src/routes/console/organization-[organization]/+page.svelte
index a5aaf20c9..d0e7d0373 100644
--- a/src/routes/console/organization-[organization]/+page.svelte
+++ b/src/routes/console/organization-[organization]/+page.svelte
@@ -109,6 +109,11 @@
                             +{project.platforms.length - 3}
                         </Pill>
                     {/if}
+                    <svelte:fragment slot="icon">
+                        {#if isCloud}
+                            <p>region</p>
+                        {/if}
+                    </svelte:fragment>
                 </GridItem1>
             {/each}
             <svelte:fragment slot="empty">
diff --git a/src/routes/console/organization-[organization]/billing/+page.svelte b/src/routes/console/organization-[organization]/billing/+page.svelte
index f9135f2a1..dd5cd1cfb 100644
--- a/src/routes/console/organization-[organization]/billing/+page.svelte
+++ b/src/routes/console/organization-[organization]/billing/+page.svelte
@@ -16,7 +16,7 @@
     <PaymentMethods />
     <BillingAddress />
     <BudgetCap />
-    {#if $organization?.billingPlan === 'tier-2'}
+    {#if $organization?.billingPlan !== 'tier-0' && !!$organization?.billingBudget}
         <BudgetAlert />
     {/if}
     <AvailableCredit />
diff --git a/src/routes/console/organization-[organization]/billing/billingAddress.svelte b/src/routes/console/organization-[organization]/billing/billingAddress.svelte
index f6b93342e..03de455f7 100644
--- a/src/routes/console/organization-[organization]/billing/billingAddress.svelte
+++ b/src/routes/console/organization-[organization]/billing/billingAddress.svelte
@@ -7,7 +7,7 @@
 </script>
 
 <CardGrid>
-    <Heading tag="h2" size="6">Billing Address</Heading>
+    <Heading tag="h2" size="6">Billing address</Heading>
 
     <p class="text">
         View or update your billing address. This address will appear on your invoice.
diff --git a/src/routes/console/organization-[organization]/billing/budgetAlert.svelte b/src/routes/console/organization-[organization]/billing/budgetAlert.svelte
index aafeab3d2..653f47ded 100644
--- a/src/routes/console/organization-[organization]/billing/budgetAlert.svelte
+++ b/src/routes/console/organization-[organization]/billing/budgetAlert.svelte
@@ -63,7 +63,7 @@
 
 <Form onSubmit={updateBudget}>
     <CardGrid>
-        <Heading tag="h2" size="6">Budget Alert Condition</Heading>
+        <Heading tag="h2" size="6">Budget alert aondition</Heading>
 
         <p class="text">
             Get notified by email when your organization meets or exceeds a percent of your
diff --git a/src/routes/console/organization-[organization]/billing/budgetCap.svelte b/src/routes/console/organization-[organization]/billing/budgetCap.svelte
index 2cee35bbd..ce254e9e5 100644
--- a/src/routes/console/organization-[organization]/billing/budgetCap.svelte
+++ b/src/routes/console/organization-[organization]/billing/budgetCap.svelte
@@ -1,26 +1,39 @@
 <script lang="ts">
+    import { invalidate } from '$app/navigation';
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { Alert, CardGrid, Heading } from '$lib/components';
+    import { Dependencies } from '$lib/constants';
     import { Button, Form, FormList, InputNumber, InputSwitch } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
     import { organization } from '$lib/stores/organization';
     import { sdk } from '$lib/stores/sdk';
     import UsageRates from '$routes/console/wizard/cloudOrganization/usageRates.svelte';
+    import { onMount } from 'svelte';
 
     let capActive = false;
     let budget: number;
     let showRates = false;
 
+    onMount(() => {
+        budget = $organization?.billingBudget;
+        capActive = !!$organization?.billingBudget;
+    });
+
     async function updateBudget() {
         try {
-            await sdk.forConsole.billing.updateBudget($organization.$id, budget, []);
-            trackEvent(Submit.BudgetCapUpdate, {
-                budget: capActive ? budget : undefined
-            });
+            await sdk.forConsole.billing.updateBudget(
+                $organization.$id,
+                budget,
+                $organization.budgetAlert
+            );
+            invalidate(Dependencies.ORGANIZATION);
             addNotification({
                 type: 'success',
                 message: `Budget cap enabled for ${$organization.name}`
             });
+            trackEvent(Submit.BudgetCapUpdate, {
+                budget: capActive ? budget : undefined
+            });
         } catch (error) {
             addNotification({
                 type: 'error',
@@ -29,6 +42,10 @@
             trackError(error, Submit.BudgetCapUpdate);
         }
     }
+
+    $: if (!capActive) {
+        budget = 0;
+    }
 </script>
 
 <Form onSubmit={updateBudget}>
@@ -43,7 +60,7 @@
                 class="link">Learn more about usage rates.</a>
         </p>
         <svelte:fragment slot="aside">
-            {#if $organization?.billingPlan !== 'tier-2'}
+            {#if $organization?.billingPlan === 'tier-0'}
                 <Alert type="info">
                     <svelte:fragment slot="title">
                         Budget caps are a Pro plan feature
@@ -60,7 +77,7 @@
                         <InputNumber
                             placeholder="Add budget cap"
                             id="cap"
-                            label="Budget cap"
+                            label="Budget cap ($USD)"
                             bind:value={budget} />
                     {/if}
                 </FormList>
@@ -68,7 +85,7 @@
         </svelte:fragment>
 
         <svelte:fragment slot="actions">
-            <Button disabled={$organization?.billingPlan !== 'tier-2'} submit>Update</Button>
+            <Button disabled={$organization?.billingBudget === budget} submit>Update</Button>
         </svelte:fragment>
     </CardGrid>
 </Form>
diff --git a/src/routes/console/project-[project]/settings/billing/+page.svelte b/src/routes/console/project-[project]/settings/billing/+page.svelte
deleted file mode 100644
index e6264c6a2..000000000
--- a/src/routes/console/project-[project]/settings/billing/+page.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts">
-    import { Heading } from '$lib/components';
-    import { Container } from '$lib/layout';
-    import BudgetCap from './budgetCap.svelte';
-</script>
-
-<Container>
-    <Heading tag="h2" size="5">Billing</Heading>
-    <BudgetCap />
-</Container>
diff --git a/src/routes/console/project-[project]/settings/billing/budgetCap.svelte b/src/routes/console/project-[project]/settings/billing/budgetCap.svelte
deleted file mode 100644
index 2d1b9749d..000000000
--- a/src/routes/console/project-[project]/settings/billing/budgetCap.svelte
+++ /dev/null
@@ -1,31 +0,0 @@
-<script>
-    import { CardGrid, Heading } from '$lib/components';
-    import { Button, Form, FormList, InputNumber, InputSwitch } from '$lib/elements/forms';
-
-    function update() {
-        console.log('test');
-    }
-</script>
-
-<Form onSubmit={update}>
-    <CardGrid>
-        <Heading tag="h2" size="6">Budget Cap</Heading>
-        <p class="text">
-            Restrict your resource usage by setting a budget cap. <a
-                class="link"
-                href="http://#"
-                target="_blank"
-                rel="noopener noreferrer">Learn more about usage rates</a
-            >.
-        </p>
-        <svelte:fragment slot="aside">
-            <FormList>
-                <InputSwitch label="Budget cap" />
-                <InputNumber label="Budget cap ($USD)" placeholder="Enter budget cap" />
-            </FormList>
-        </svelte:fragment>
-        <svelte:fragment slot="actions">
-            <Button disabled submit>Update</Button>
-        </svelte:fragment>
-    </CardGrid>
-</Form>
diff --git a/src/routes/console/project-[project]/settings/billing/bugetAlert.svelte b/src/routes/console/project-[project]/settings/billing/bugetAlert.svelte
deleted file mode 100644
index e69de29bb..000000000
diff --git a/src/routes/console/project-[project]/settings/billing/overview.svelte b/src/routes/console/project-[project]/settings/billing/overview.svelte
deleted file mode 100644
index e69de29bb..000000000
diff --git a/src/routes/console/project-[project]/settings/header.svelte b/src/routes/console/project-[project]/settings/header.svelte
index 86fe3726d..03595b48f 100644
--- a/src/routes/console/project-[project]/settings/header.svelte
+++ b/src/routes/console/project-[project]/settings/header.svelte
@@ -27,11 +27,6 @@
             title: 'Usage',
             event: 'usage',
             hasChildren: true
-        },
-        {
-            href: `${path}/billing`,
-            title: 'Billing',
-            event: 'billing'
         }
     ];
 </script>
diff --git a/src/routes/console/wizardFeedback/step1.svelte b/src/routes/console/wizard/feedback/step1.svelte
similarity index 100%
rename from src/routes/console/wizardFeedback/step1.svelte
rename to src/routes/console/wizard/feedback/step1.svelte
diff --git a/src/routes/console/wizardFeedback/step2.svelte b/src/routes/console/wizard/feedback/step2.svelte
similarity index 100%
rename from src/routes/console/wizardFeedback/step2.svelte
rename to src/routes/console/wizard/feedback/step2.svelte