From 155c545e65ded7b75369cebe179079ee6f21dd42 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Mon, 4 Dec 2023 16:38:12 +0100
Subject: [PATCH] feat: add credit modal

---
 .../organization-[organization]/billing/addCreditModal.svelte | 4 ++--
 .../billing/availableCredit.svelte                            | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/routes/console/organization-[organization]/billing/addCreditModal.svelte b/src/routes/console/organization-[organization]/billing/addCreditModal.svelte
index 963fc43c4..db7f60149 100644
--- a/src/routes/console/organization-[organization]/billing/addCreditModal.svelte
+++ b/src/routes/console/organization-[organization]/billing/addCreditModal.svelte
@@ -34,7 +34,7 @@
     }
 </script>
 
-<Modal title="Add credits" headerDivider={false} onSubmit={redeem}>
+<Modal bind:show title="Add credits" headerDivider={false} onSubmit={redeem} size="big">
     Apply Appwrite credits to your organization.
 
     <FormList>
@@ -42,7 +42,7 @@
     </FormList>
 
     <svelte:fragment slot="footer">
-        <Button text>Cancel</Button>
+        <Button text on:click={() => (show = false)}>Cancel</Button>
         <Button submit>Add credits</Button>
     </svelte:fragment>
 </Modal>
diff --git a/src/routes/console/organization-[organization]/billing/availableCredit.svelte b/src/routes/console/organization-[organization]/billing/availableCredit.svelte
index 6356b1189..447e7a7f9 100644
--- a/src/routes/console/organization-[organization]/billing/availableCredit.svelte
+++ b/src/routes/console/organization-[organization]/billing/availableCredit.svelte
@@ -17,6 +17,7 @@
     import { onMount } from 'svelte';
     import AddCreditWizard from './addCreditWizard.svelte';
     import { Button } from '$lib/elements/forms';
+    import AddCreditModal from './addCreditModal.svelte';
 
     let offset = 0;
     let creditList: CreditList = {
@@ -33,6 +34,7 @@
 
     function handleCredits() {
         if ($organization?.paymentMethodId || $organization?.backupPaymentMethodId) {
+            console.log('askdjsad');
             show = true;
         } else {
             console.log('test');
@@ -103,3 +105,5 @@
         {/if}
     </svelte:fragment>
 </CardGrid>
+
+<AddCreditModal bind:show />