misc: fixes.

Author: ItzNotABug

package.json

@@ -21,7 +21,7 @@
         "e2e:ui": "playwright test --ui"
     },
     "dependencies": {
-        "@appwrite.io/console": "https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@e2f082e",
+        "@appwrite.io/console": "https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@7773939",
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@6b17cb23",
         "@appwrite.io/pink-legacy": "^1.0.3",

pnpm-lock.yaml

@@ -1,4 +1,5 @@
 <script context="module" lang="ts">
+    import { ProjectUsageRange, type Models } from '@appwrite.io/console';
     export type UsagePeriods = '24h' | '30d' | '90d';
 
     export function periodToDates(period: UsagePeriods): {
@@ -58,14 +59,14 @@
 </script>
 
 <script lang="ts">
-    import { BarChart } from '$lib/charts';
-    import { formatNumberWithCommas } from '$lib/helpers/numbers';
-    import { Card } from '$lib/components';
-    import { ProjectUsageRange, type Models } from '@appwrite.io/console';
     import { page } from '$app/state';
-    import { Layout, Typography } from '@appwrite.io/pink-svelte';
     import { goto } from '$app/navigation';
+
+    import { BarChart } from '$lib/charts';
+    import { Card } from '$lib/components';
     import { InputSelect } from '$lib/elements/forms';
+    import { formatNumberWithCommas } from '$lib/helpers/numbers';
+    import { Layout, Typography } from '@appwrite.io/pink-svelte';
 
     type MetricMetadata = {
         title: string;

src/lib/layout/usage.svelte

@@ -1,4 +1,7 @@
 <script lang="ts" context="module">
+    import { total } from '$lib/helpers/array';
+    import type { Metric } from '$lib/sdk/usage';
+
     export function totalMetrics(set: Array<unknown>): number {
         if (!set) return 0;
         return total((set as Metric[]).map((c) => c.value));
@@ -20,16 +23,14 @@
     import Requests from './requests.svelte';
     import { usage } from './store';
     import { formatNum } from '$lib/helpers/string';
-    import { total } from '$lib/helpers/array';
-    import type { Metric } from '$lib/sdk/usage';
     import { periodToDates } from '$lib/layout/usage.svelte';
     import { canWriteProjects } from '$lib/stores/roles';
     import { Card, Layout, Typography } from '@appwrite.io/pink-svelte';
     import { writable, type Writable } from 'svelte/store';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
 
-    $: projectId = page.params.project;
-    $: path = `${base}/project-${projectId}/overview`;
+    const projectId = page.params.project;
+    const path = `${base}/project-${projectId}/overview`;
     let period: UsagePeriods = '30d';
 
     onMount(handle);
@@ -229,7 +230,7 @@
                     <Tab
                         noscroll
                         href={`${path}/dev-keys`}
-                        selected={$page.url.pathname === `${path}/dev-keys`}
+                        selected={page.url.pathname === `${path}/dev-keys`}
                         event="keys">Dev keys</Tab>
                 </Tabs>
                 {#if $action}

src/routes/(console)/project-[project]/overview/+layout.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
     import { base } from '$app/paths';
-    import { page } from '$app/stores';
+    import { page } from '$app/state';
     import { Id } from '$lib/components';
     import { Cover, CoverTitle } from '$lib/layout';
     import { devKey } from './store';
 
-    const projectId = $page.params.project;
+    const projectId = page.params.project;
 </script>
 
 <Cover>

src/routes/(console)/project-[project]/overview/dev-keys/[key]/header.svelte

@@ -1,5 +1,5 @@
-import { derived } from 'svelte/store';
 import { page } from '$app/stores';
+import { derived } from 'svelte/store';
 import type { Models } from '@appwrite.io/console';
 
 export const devKey = derived(page, ($page) => $page.data.key as Models.DevKey);

src/routes/(console)/project-[project]/overview/dev-keys/[key]/store.ts

@@ -10,14 +10,14 @@
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { base } from '$app/paths';
     import { addNotification } from '$lib/stores/notifications';
-    import { page } from '$app/stores';
+    import { page } from '$app/state';
 
     let showModal = false;
     let isSubmitting = false;
     let name = '',
         expire = '';
 
-    const projectId = $page.params.project;
+    const projectId = page.params.project;
 
     async function create() {
         try {

src/routes/(console)/project-[project]/overview/dev-keys/action.svelte

@@ -1,5 +1,5 @@
-import { derived } from 'svelte/store';
 import { page } from '$app/stores';
+import { derived } from 'svelte/store';
 import type { Models } from '@appwrite.io/console';
 
 export const key = derived(page, ($page) => $page.data.key as Models.Key);