From b5d8023519a2a6eb496ea4ffabdd28c03c86a8fb Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 13 Dec 2023 17:59:15 +0100
Subject: [PATCH] fix: type

---
 .../usage/[[invoice]]/+page.svelte            | 23 ++++++-------------
 .../usage/[[invoice]]/+page.ts                |  3 ++-
 2 files changed, 9 insertions(+), 17 deletions(-)

diff --git a/src/routes/console/organization-[organization]/usage/[[invoice]]/+page.svelte b/src/routes/console/organization-[organization]/usage/[[invoice]]/+page.svelte
index 26eb0c9ac..3bc7db2ed 100644
--- a/src/routes/console/organization-[organization]/usage/[[invoice]]/+page.svelte
+++ b/src/routes/console/organization-[organization]/usage/[[invoice]]/+page.svelte
@@ -11,6 +11,7 @@
     import ProjectBreakdown from './ProjectBreakdown.svelte';
     import { formatNum } from '$lib/helpers/string';
     import { accumulateFromEndingTotal, total } from '$lib/layout/usage.svelte';
+    import type { OrganizationUsage } from '$lib/sdk/billing';
 
     export let data;
 
@@ -31,6 +32,8 @@
     //     label: toLocaleDate(invoice.from),
     //     value: invoice.$id
     // }));
+
+    $: project = (data.organizationUsage as OrganizationUsage).projects;
 </script>
 
 <Container>
@@ -136,10 +139,7 @@
                             }
                         }
                     ]} />
-                <ProjectBreakdown
-                    projects={data.organizationUsage.projects}
-                    metric="bandwidth"
-                    {data} />
+                <ProjectBreakdown projects={project} metric="bandwidth" {data} />
             {:else}
                 <Card isDashed>
                     <div class="u-flex u-cross-center u-flex-vertical u-main-center u-flex">
@@ -188,10 +188,7 @@
                             )
                         }
                     ]} />
-                <ProjectBreakdown
-                    projects={data.organizationUsage.projects}
-                    metric="users"
-                    {data} />
+                <ProjectBreakdown projects={project} metric="users" {data} />
             {:else}
                 <Card isDashed>
                     <div class="u-flex u-cross-center u-flex-vertical u-main-center u-flex">
@@ -224,10 +221,7 @@
                     maxValue={formatNum(max)}
                     progressValue={current}
                     progressMax={max} />
-                <ProjectBreakdown
-                    projects={data.organizationUsage.projects}
-                    metric="executions"
-                    {data} />
+                <ProjectBreakdown projects={project} metric="executions" {data} />
             {:else}
                 <Card isDashed>
                     <div class="u-flex u-cross-center u-flex-vertical u-main-center u-flex">
@@ -262,10 +256,7 @@
                     maxValue={max.toString()}
                     progressValue={bytesToSize(current, 'GB')}
                     progressMax={max} />
-                <ProjectBreakdown
-                    projects={data.organizationUsage.projects}
-                    metric="storage"
-                    {data} />
+                <ProjectBreakdown projects={project} metric="storage" {data} />
             {:else}
                 <Card isDashed>
                     <div class="u-flex u-cross-center u-flex-vertical u-main-center u-flex">
diff --git a/src/routes/console/organization-[organization]/usage/[[invoice]]/+page.ts b/src/routes/console/organization-[organization]/usage/[[invoice]]/+page.ts
index c98564d7e..6c2006924 100644
--- a/src/routes/console/organization-[organization]/usage/[[invoice]]/+page.ts
+++ b/src/routes/console/organization-[organization]/usage/[[invoice]]/+page.ts
@@ -19,7 +19,8 @@ export const load: PageLoad = async ({ params, parent }) => {
                 users: null,
                 usersTotal: null,
                 storageTotal: null,
-                executionsTotal: null
+                executionsTotal: null,
+                projects: null
             }
         };
     }