From 65c077b9b50175365a860a9846ff5ea2701b62c0 Mon Sep 17 00:00:00 2001
From: Darshan
Date: Tue, 4 Mar 2025 12:13:31 +0530
Subject: [PATCH 1/6] add: multi date viewer popup.
---
package.json | 4 +-
pnpm-lock.yaml | 32 ++++-----
src/lib/components/dualTimeView.svelte | 68 +++++++++++++++++++
src/lib/components/filePicker.svelte | 6 +-
src/lib/helpers/date.ts | 14 +++-
.../(console)/account/identities.svelte | 3 +-
.../domains/domain-[domain]/table.svelte | 5 +-
.../usage/[[invoice]]/totalMembers.svelte | 5 +-
.../project-[project]/auth/teams/+page.svelte | 3 +-
.../database-[database]/backups/table.svelte | 1 +
.../collection-[collection]/table.svelte | 5 +-
.../deploymentCreatedBy.svelte | 27 +++++---
.../executions/table.svelte | 3 +-
.../overview/platforms/+page.svelte | 7 +-
.../settings/migrations/+page.svelte | 9 ++-
.../settings/updateInstallations.svelte | 3 +-
.../(components)/deploymentCreatedBy.svelte | 10 +--
.../sites/(components)/siteCard.svelte | 8 ++-
.../sites/site-[site]/logs/table.svelte | 3 +-
.../storage/bucket-[bucket]/+page.svelte | 5 +-
20 files changed, 162 insertions(+), 59 deletions(-)
create mode 100644 src/lib/components/dualTimeView.svelte
diff --git a/package.json b/package.json
index 121f0eb03..2fb60a34d 100644
--- a/package.json
+++ b/package.json
@@ -21,9 +21,9 @@
"dependencies": {
"@appwrite.io/console": "https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@ac51fcb",
"@appwrite.io/pink-icons": "0.25.0",
- "@appwrite.io/pink-icons-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f57e0157 ",
+ "@appwrite.io/pink-icons-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@286 ",
"@appwrite.io/pink-legacy": "^1.0.2",
- "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@f57e0157",
+ "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@286",
"@popperjs/core": "^2.11.8",
"@sentry/sveltekit": "^8.38.0",
"@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cf4746227..e3abacd84 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -15,14 +15,14 @@ importers:
specifier: 0.25.0
version: 0.25.0
'@appwrite.io/pink-icons-svelte':
- specifier: 'https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f57e0157 '
- version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f57e0157(svelte@4.2.19)
+ specifier: 'https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@286 '
+ version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@286 (svelte@4.2.19)
'@appwrite.io/pink-legacy':
specifier: ^1.0.2
version: 1.0.2
'@appwrite.io/pink-svelte':
- specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@f57e0157
- version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@f57e0157(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)
+ specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@286
+ version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@286(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)
'@popperjs/core':
specifier: ^2.11.8
version: 2.11.8
@@ -107,7 +107,7 @@ importers:
version: 6.6.3
'@testing-library/svelte':
specifier: ^5.2.4
- version: 5.2.7(svelte@4.2.19)(vite@5.4.14(@types/node@22.13.5)(sass@1.85.1))(vitest@1.6.1)
+ version: 5.2.7(svelte@4.2.19)(vite@5.4.14(@types/node@22.13.5)(sass@1.85.1))(vitest@1.6.1(@types/node@22.13.5)(@vitest/ui@1.6.1)(jsdom@22.1.0)(sass@1.85.1))
'@testing-library/user-event':
specifier: ^14.5.2
version: 14.6.1(@testing-library/dom@10.4.0)
@@ -215,14 +215,14 @@ packages:
resolution: {tarball: https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@ac51fcb}
version: 1.2.1
- '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f57e0157':
- resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f57e0157}
+ '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@286 ':
+ resolution: {tarball: 'https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@286 '}
version: 1.0.0-next.7
peerDependencies:
svelte: ^4.0.0
- '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f57e0157006c846dc899e7bcdb83e5c0fb3c3149':
- resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f57e0157006c846dc899e7bcdb83e5c0fb3c3149}
+ '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@85544105e5bd22ce2068c1c41e67238bad65eb82':
+ resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@85544105e5bd22ce2068c1c41e67238bad65eb82}
version: 1.0.0-next.7
peerDependencies:
svelte: ^4.0.0
@@ -236,8 +236,8 @@ packages:
'@appwrite.io/pink-legacy@1.0.2':
resolution: {integrity: sha512-1AYNcfbV+x0Tyj56CoieSq5g7+u+7F5/LDVN/z+Hx1kp9gj7xc1eT39Dy832xxfihImF6ksjp0FXEMVSBR8cew==}
- '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@f57e0157':
- resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@f57e0157}
+ '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@286':
+ resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@286}
version: 1.0.0-next.85
peerDependencies:
react-dom: ^18.0.0
@@ -4099,11 +4099,11 @@ snapshots:
'@appwrite.io/console@https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@ac51fcb': {}
- '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f57e0157(svelte@4.2.19)':
+ '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@286 (svelte@4.2.19)':
dependencies:
svelte: 4.2.19
- '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f57e0157006c846dc899e7bcdb83e5c0fb3c3149(svelte@4.2.19)':
+ '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@85544105e5bd22ce2068c1c41e67238bad65eb82(svelte@4.2.19)':
dependencies:
svelte: 4.2.19
@@ -4116,9 +4116,9 @@ snapshots:
'@appwrite.io/pink-icons': 1.0.0
the-new-css-reset: 1.11.3
- '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@f57e0157(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)':
+ '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@286(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)':
dependencies:
- '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f57e0157006c846dc899e7bcdb83e5c0fb3c3149(svelte@4.2.19)
+ '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@85544105e5bd22ce2068c1c41e67238bad65eb82(svelte@4.2.19)
'@floating-ui/dom': 1.6.13
'@melt-ui/pp': 0.3.2(@melt-ui/svelte@0.86.3(svelte@4.2.19))(svelte@4.2.19)
'@melt-ui/svelte': 0.86.3(svelte@4.2.19)
@@ -5375,7 +5375,7 @@ snapshots:
lodash: 4.17.21
redent: 3.0.0
- '@testing-library/svelte@5.2.7(svelte@4.2.19)(vite@5.4.14(@types/node@22.13.5)(sass@1.85.1))(vitest@1.6.1)':
+ '@testing-library/svelte@5.2.7(svelte@4.2.19)(vite@5.4.14(@types/node@22.13.5)(sass@1.85.1))(vitest@1.6.1(@types/node@22.13.5)(@vitest/ui@1.6.1)(jsdom@22.1.0)(sass@1.85.1))':
dependencies:
'@testing-library/dom': 10.4.0
svelte: 4.2.19
diff --git a/src/lib/components/dualTimeView.svelte b/src/lib/components/dualTimeView.svelte
new file mode 100644
index 000000000..4014d7b1f
--- /dev/null
+++ b/src/lib/components/dualTimeView.svelte
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+ {timeToString}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/lib/components/filePicker.svelte b/src/lib/components/filePicker.svelte
index 2ed2c0048..8e1ec6bc6 100644
--- a/src/lib/components/filePicker.svelte
+++ b/src/lib/components/filePicker.svelte
@@ -25,6 +25,7 @@
import { base } from '$app/paths';
import { page } from '$app/stores';
import { Typography } from '@appwrite.io/pink-svelte';
+ import DualTimeView from './dualTimeView.svelte';
export let show: boolean;
export let mimeTypeQuery: string = 'image/';
@@ -433,9 +434,8 @@
- {toLocaleDate(
- file.$createdAt
- )}
+
{/each}
diff --git a/src/lib/helpers/date.ts b/src/lib/helpers/date.ts
index f7d7f3a4b..012d49cb3 100644
--- a/src/lib/helpers/date.ts
+++ b/src/lib/helpers/date.ts
@@ -31,7 +31,10 @@ export const toLocaleDate = (datetime: string) => {
return date.toLocaleDateString('en', options);
};
-export const toLocaleDateTime = (datetime: string | number) => {
+export const toLocaleDateTime = (
+ datetime: string | number,
+ timeZone: string | undefined = undefined
+) => {
const date = new Date(datetime);
if (isNaN(date.getTime())) {
@@ -39,6 +42,7 @@ export const toLocaleDateTime = (datetime: string | number) => {
}
const options: Intl.DateTimeFormatOptions = {
+ timeZone,
year: 'numeric',
month: 'short',
day: 'numeric',
@@ -181,3 +185,11 @@ export function getTomorrow(date: Date) {
return tomorrow;
}
+
+export function getUTCOffset(): string {
+ const offsetMinutes = -new Date().getTimezoneOffset();
+ const hours = Math.floor(offsetMinutes / 60);
+ const minutes = Math.abs(offsetMinutes % 60);
+
+ return `${hours >= 0 ? '+' : ''}${hours}${minutes ? `:${minutes.toString().padStart(2, '0')}` : ''}`;
+}
diff --git a/src/routes/(console)/account/identities.svelte b/src/routes/(console)/account/identities.svelte
index ec537e0e3..b58f95332 100644
--- a/src/routes/(console)/account/identities.svelte
+++ b/src/routes/(console)/account/identities.svelte
@@ -11,6 +11,7 @@
import { oAuthProviders } from '$lib/stores/oauth-providers';
import { Card, Empty, Icon, Layout, Table } from '@appwrite.io/pink-svelte';
import { IconTrash } from '@appwrite.io/pink-icons-svelte';
+ import DualTimeView from '$lib/components/dualTimeView.svelte';
async function deleteIdentity(id: string) {
try {
@@ -70,7 +71,7 @@
{identity.providerEmail}
- {toLocaleDateTime(identity.$createdAt)}
+
{toLocaleDateTime(identity.providerAccessTokenExpiry)}
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
index e93e56ac9..07de14e39 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
@@ -17,6 +17,7 @@
import { capitalize } from '$lib/helpers/string';
import EditRecordModal from './editRecordModal.svelte';
import type { DnsRecord } from '$lib/sdk/domains';
+ import DualTimeView from '$lib/components/dualTimeView.svelte';
export let data;
@@ -78,9 +79,7 @@
{:else if column.id === '$createdAt'}
-
- {capitalize(timeFromNow(record.$createdAt))}
-
+
{/if}
{/if}
diff --git a/src/routes/(console)/organization-[organization]/usage/[[invoice]]/totalMembers.svelte b/src/routes/(console)/organization-[organization]/usage/[[invoice]]/totalMembers.svelte
index 2e3ad968d..7e026b21a 100644
--- a/src/routes/(console)/organization-[organization]/usage/[[invoice]]/totalMembers.svelte
+++ b/src/routes/(console)/organization-[organization]/usage/[[invoice]]/totalMembers.svelte
@@ -1,6 +1,7 @@
-{timeFromNow(deployment.$updatedAt)}
-{#if deployment.providerCommitAuthor}
- by {deployment.providerCommitAuthor}
-{/if}
+
+ {#if deployment.providerCommitAuthor}
+
+
+ {capitalize(timeFromNow(deployment.$updatedAt))}
+
+ {toLocaleDateTime(deployment.$updatedAt)}
+
+ by {deployment.providerCommitAuthor}
+ {:else}
+
+ {/if}
+
diff --git a/src/routes/(console)/project-[project]/functions/function-[function]/executions/table.svelte b/src/routes/(console)/project-[project]/functions/function-[function]/executions/table.svelte
index 71105e69a..dba3ececb 100644
--- a/src/routes/(console)/project-[project]/functions/function-[function]/executions/table.svelte
+++ b/src/routes/(console)/project-[project]/functions/function-[function]/executions/table.svelte
@@ -20,6 +20,7 @@
import { Button } from '$lib/elements/forms';
import { Tooltip, Table } from '@appwrite.io/pink-svelte';
import type { PageData } from './$types';
+ import DualTimeView from '$lib/components/dualTimeView.svelte';
let showDropdown = [];
let showDelete = false;
@@ -85,7 +86,7 @@
{:else if column.id === '$createdAt'}
- {timeFromNow(execution.$createdAt)}
+
{:else if column.id === 'trigger'}
diff --git a/src/routes/(console)/project-[project]/overview/platforms/+page.svelte b/src/routes/(console)/project-[project]/overview/platforms/+page.svelte
index 0842bffc4..a34605598 100644
--- a/src/routes/(console)/project-[project]/overview/platforms/+page.svelte
+++ b/src/routes/(console)/project-[project]/overview/platforms/+page.svelte
@@ -84,6 +84,7 @@
IconReact
} from '@appwrite.io/pink-icons-svelte';
import type { ComponentType } from 'svelte';
+ import DualTimeView from '$lib/components/dualTimeView.svelte';
export let data: PageData;
@@ -141,7 +142,11 @@
- {platform.$updatedAt ? toLocaleDate(platform.$updatedAt) : 'never'}
+ {#if platform.$updatedAt}
+
+ {:else}
+ never
+ {/if}
{/each}
diff --git a/src/routes/(console)/project-[project]/settings/migrations/+page.svelte b/src/routes/(console)/project-[project]/settings/migrations/+page.svelte
index 46566c1e6..c34ccf665 100644
--- a/src/routes/(console)/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/(console)/project-[project]/settings/migrations/+page.svelte
@@ -28,6 +28,7 @@
} from '@appwrite.io/pink-icons-svelte';
import { Icon, Layout, Link, Status, Table } from '@appwrite.io/pink-svelte';
import { capitalize } from '$lib/helpers/string';
+ import DualTimeView from '$lib/components/dualTimeView.svelte';
export let data;
let migration: Models.Migration = null;
@@ -162,9 +163,11 @@
{@const status = getStatus(entry.status)}
- {isSameDay(new Date(), new Date(entry.$createdAt))
- ? 'Today'
- : toLocaleDate(entry.$createdAt)}
+ {#if isSameDay(new Date(), new Date(entry.$createdAt))}
+ Today
+ {:else}
+
+ {/if}
{entry.source}
diff --git a/src/routes/(console)/project-[project]/settings/updateInstallations.svelte b/src/routes/(console)/project-[project]/settings/updateInstallations.svelte
index b72dacfca..7615a9565 100644
--- a/src/routes/(console)/project-[project]/settings/updateInstallations.svelte
+++ b/src/routes/(console)/project-[project]/settings/updateInstallations.svelte
@@ -25,6 +25,7 @@
IconPlus,
IconXCircle
} from '@appwrite.io/pink-icons-svelte';
+ import DualTimeView from '$lib/components/dualTimeView.svelte';
export let total: number;
export let limit: number;
@@ -117,7 +118,7 @@
- {dayjs().to(installation.$updatedAt)}
+
diff --git a/src/routes/(console)/project-[project]/sites/(components)/deploymentCreatedBy.svelte b/src/routes/(console)/project-[project]/sites/(components)/deploymentCreatedBy.svelte
index 607d9501e..49f4a6574 100644
--- a/src/routes/(console)/project-[project]/sites/(components)/deploymentCreatedBy.svelte
+++ b/src/routes/(console)/project-[project]/sites/(components)/deploymentCreatedBy.svelte
@@ -1,9 +1,10 @@
@@ -19,11 +20,6 @@
by {deployment.providerCommitAuthor}
{:else}
-
-
- {capitalize(timeFromNow(deployment.$updatedAt))}
-
- {toLocaleDateTime(deployment.$updatedAt)}
-
+
{/if}
diff --git a/src/routes/(console)/project-[project]/sites/(components)/siteCard.svelte b/src/routes/(console)/project-[project]/sites/(components)/siteCard.svelte
index 6cd457643..892644773 100644
--- a/src/routes/(console)/project-[project]/sites/(components)/siteCard.svelte
+++ b/src/routes/(console)/project-[project]/sites/(components)/siteCard.svelte
@@ -14,7 +14,6 @@
Typography
} from '@appwrite.io/pink-svelte';
import DeploymentSource from './deploymentSource.svelte';
- import DeploymentCreatedBy from './deploymentCreatedBy.svelte';
import { Button } from '$lib/elements/forms';
import { IconInfo, IconQrcode } from '@appwrite.io/pink-icons-svelte';
import OpenOnMobileModal from './openOnMobileModal.svelte';
@@ -23,6 +22,7 @@
import { base } from '$app/paths';
import { isCloud } from '$lib/system';
import { getApiEndpoint } from '$lib/stores/sdk';
+ import DualTimeView from '$lib/components/dualTimeView.svelte';
export let deployment: Models.Deployment;
export let proxyRuleList: Models.ProxyRuleList;
@@ -97,8 +97,10 @@
Deployed
-
-
+
+
{/if}
diff --git a/src/routes/(console)/project-[project]/sites/site-[site]/logs/table.svelte b/src/routes/(console)/project-[project]/sites/site-[site]/logs/table.svelte
index a3ff0b560..3d791aafa 100644
--- a/src/routes/(console)/project-[project]/sites/site-[site]/logs/table.svelte
+++ b/src/routes/(console)/project-[project]/sites/site-[site]/logs/table.svelte
@@ -6,6 +6,7 @@
import { Badge, Layout, Table, Typography } from '@appwrite.io/pink-svelte';
import Sheet from './sheet.svelte';
import { capitalize } from '$lib/helpers/string';
+ import DualTimeView from '$lib/components/dualTimeView.svelte';
export let columns: Column[];
export let logs: Models.ExecutionList;
@@ -38,7 +39,7 @@
{/key}
{:else if column.id === '$createdAt'}
- {capitalize(timeFromNow(log.$createdAt))}
+
{:else if column.id === 'responseStatusCode'}
diff --git a/src/routes/(console)/project-[project]/storage/bucket-[bucket]/+page.svelte b/src/routes/(console)/project-[project]/storage/bucket-[bucket]/+page.svelte
index a351d2c29..4e73d81de 100644
--- a/src/routes/(console)/project-[project]/storage/bucket-[bucket]/+page.svelte
+++ b/src/routes/(console)/project-[project]/storage/bucket-[bucket]/+page.svelte
@@ -42,6 +42,7 @@
import { Layout, Table, Icon } from '@appwrite.io/pink-svelte';
import { onMount } from 'svelte';
import { IconPlus } from '@appwrite.io/pink-icons-svelte';
+ import DualTimeView from '$lib/components/dualTimeView.svelte';
export let data;
@@ -146,7 +147,7 @@
{calculateSize(file.sizeOriginal)}
- {toLocaleDate(file.$createdAt)}
+
@@ -175,7 +176,7 @@
{calculateSize(file.sizeOriginal)}
- {toLocaleDate(file.$createdAt)}
+
Date: Tue, 4 Mar 2025 12:18:33 +0530
Subject: [PATCH 2/6] fix: color.
---
src/lib/components/dualTimeView.svelte | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/src/lib/components/dualTimeView.svelte b/src/lib/components/dualTimeView.svelte
index 4014d7b1f..7ae064f14 100644
--- a/src/lib/components/dualTimeView.svelte
+++ b/src/lib/components/dualTimeView.svelte
@@ -43,7 +43,8 @@
- {timeToString}
+ {timeToString}
From ef95cd56f2e7b80e5273e77803dfc86583524eb6 Mon Sep 17 00:00:00 2001
From: Darshan
Date: Mon, 17 Mar 2025 16:50:11 +0530
Subject: [PATCH 3/6] fixes.
---
package.json | 2 +-
pnpm-lock.yaml | 18 +++++++++---------
src/lib/components/filePicker.svelte | 4 +---
.../domains/domain-[domain]/table.svelte | 2 --
.../usage/[[invoice]]/totalMembers.svelte | 3 +--
.../project-[project]/auth/teams/+page.svelte | 1 -
.../collection-[collection]/table.svelte | 3 +--
.../executions/table.svelte | 2 +-
.../overview/platforms/+page.svelte | 3 +--
.../settings/migrations/+page.svelte | 2 +-
.../settings/updateInstallations.svelte | 1 -
.../sites/site-[site]/logs/table.svelte | 2 --
.../storage/bucket-[bucket]/+layout.svelte | 1 -
.../storage/bucket-[bucket]/+page.svelte | 12 ++----------
14 files changed, 18 insertions(+), 38 deletions(-)
diff --git a/package.json b/package.json
index 62476588f..dee6cf06e 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
"@appwrite.io/pink-icons": "0.25.0",
"@appwrite.io/pink-icons-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@bcb8ad2b",
"@appwrite.io/pink-legacy": "^1.0.3",
- "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@c962928",
+ "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@f17778f",
"@popperjs/core": "^2.11.8",
"@sentry/sveltekit": "^8.38.0",
"@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ffd6caeeb..b7d6603fd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -21,8 +21,8 @@ importers:
specifier: ^1.0.3
version: 1.0.3
'@appwrite.io/pink-svelte':
- specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@c962928
- version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@c962928(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)
+ specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@f17778f
+ version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@f17778f(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)
'@popperjs/core':
specifier: ^2.11.8
version: 2.11.8
@@ -221,8 +221,8 @@ packages:
peerDependencies:
svelte: ^4.0.0
- '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@c962928eeee5cfc960cc1070d469e613e096b7e1':
- resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@c962928eeee5cfc960cc1070d469e613e096b7e1}
+ '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f17778f35d297f5212804afad01a02c2adb3439f':
+ resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f17778f35d297f5212804afad01a02c2adb3439f}
version: 1.0.0-next.7
peerDependencies:
svelte: ^4.0.0
@@ -236,8 +236,8 @@ packages:
'@appwrite.io/pink-legacy@1.0.3':
resolution: {integrity: sha512-GGde5fmPhs+s6/3aFeMPc/kKADG/gTFkYQSy6oBN8pK0y0XNCLrZZgBv+EBbdhwdtqVEWXa0X85Mv9w7jcIlwQ==}
- '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@c962928':
- resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@c962928}
+ '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@f17778f':
+ resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@f17778f}
version: 1.0.0-next.85
peerDependencies:
react-dom: ^18.0.0
@@ -4103,7 +4103,7 @@ snapshots:
dependencies:
svelte: 4.2.19
- '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@c962928eeee5cfc960cc1070d469e613e096b7e1(svelte@4.2.19)':
+ '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f17778f35d297f5212804afad01a02c2adb3439f(svelte@4.2.19)':
dependencies:
svelte: 4.2.19
@@ -4116,9 +4116,9 @@ snapshots:
'@appwrite.io/pink-icons': 1.0.0
the-new-css-reset: 1.11.3
- '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@c962928(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)':
+ '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@f17778f(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)':
dependencies:
- '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@c962928eeee5cfc960cc1070d469e613e096b7e1(svelte@4.2.19)
+ '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f17778f35d297f5212804afad01a02c2adb3439f(svelte@4.2.19)
'@floating-ui/dom': 1.6.13
'@melt-ui/pp': 0.3.2(@melt-ui/svelte@0.86.3(svelte@4.2.19))(svelte@4.2.19)
'@melt-ui/svelte': 0.86.3(svelte@4.2.19)
diff --git a/src/lib/components/filePicker.svelte b/src/lib/components/filePicker.svelte
index 0a91034c4..d26d03744 100644
--- a/src/lib/components/filePicker.svelte
+++ b/src/lib/components/filePicker.svelte
@@ -1,15 +1,13 @@
-