From ad135638d9dd69f029f8823a661aef647c42e9d9 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Tue, 17 Jun 2025 17:45:04 +0530
Subject: [PATCH] fix: use correct endpoint for site screenshots.

---
 src/lib/stores/sdk.ts                                      | 3 ++-
 .../sites/(components)/siteCard.svelte                     | 7 ++-----
 .../(console)/project-[region]-[project]/sites/grid.svelte | 6 ++----
 3 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/lib/stores/sdk.ts b/src/lib/stores/sdk.ts
index ea1e00bce..79f726cce 100644
--- a/src/lib/stores/sdk.ts
+++ b/src/lib/stores/sdk.ts
@@ -81,7 +81,8 @@ function createConsoleSdk(client: Client) {
         billing: new Billing(client),
         sources: new Sources(client),
         sites: new Sites(client),
-        domains: new Domains(client)
+        domains: new Domains(client),
+        storage: new Storage(client)
     };
 }
 
diff --git a/src/routes/(console)/project-[region]-[project]/sites/(components)/siteCard.svelte b/src/routes/(console)/project-[region]-[project]/sites/(components)/siteCard.svelte
index 2ad1fb86b..228e42db9 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/(components)/siteCard.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/(components)/siteCard.svelte
@@ -20,9 +20,8 @@
     import { app } from '$lib/stores/app';
     import { base } from '$app/paths';
     import { isCloud } from '$lib/system';
-    import { getApiEndpoint } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { capitalize } from '$lib/helpers/string';
-    import { page } from '$app/state';
 
     export let deployment: Models.Deployment;
     export let proxyRuleList: Models.ProxyRuleList;
@@ -46,9 +45,7 @@
     }
 
     function getFilePreview(fileId: string) {
-        // TODO: @Meldiron use sdk.forConsole.storage.getFilePreview
-        const endpoint = getApiEndpoint(page.params.region);
-        return endpoint + `/storage/buckets/screenshots/files/${fileId}/view?project=console`;
+        return sdk.forConsole.storage.getFileView('screenshots', fileId);
     }
 </script>
 
diff --git a/src/routes/(console)/project-[region]-[project]/sites/grid.svelte b/src/routes/(console)/project-[region]-[project]/sites/grid.svelte
index 5873133fc..3e740b359 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/grid.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/grid.svelte
@@ -7,7 +7,7 @@
     import { generateSiteDeploymentDesc } from './store';
     import { SvgIcon } from '$lib/components';
     import { app } from '$lib/stores/app';
-    import { getApiEndpoint } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import AddCollaboratorModal from './(components)/addCollaboratorModal.svelte';
     import SitesActionMenu from './sitesActionMenu.svelte';
     import { capitalize } from '$lib/helpers/string';
@@ -33,9 +33,7 @@
     }
 
     function getFilePreview(fileId: string) {
-        // TODO: @Meldiron use sdk.forConsole.storage.getFilePreview
-        const endpoint = getApiEndpoint(page.params.region);
-        return endpoint + `/storage/buckets/screenshots/files/${fileId}/view?project=console`;
+        return sdk.forConsole.storage.getFileView('screenshots', fileId);
     }
 </script>