diff --git a/src/lib/components/filePicker.svelte b/src/lib/components/filePicker.svelte index 28b64406b..35ca470c2 100644 --- a/src/lib/components/filePicker.svelte +++ b/src/lib/components/filePicker.svelte @@ -9,7 +9,7 @@ import { Button, InputSelect } from '$lib/elements/forms'; import DualTimeView from './dualTimeView.svelte'; import type { Models } from '@appwrite.io/console'; - import { calculateSize } from '$lib/helpers/sizeConvertion'; + import { calculateSize, humanFileSize, sizeToBytes } from '$lib/helpers/sizeConvertion'; import InputSearch from '$lib/elements/forms/inputSearch.svelte'; import { ID, Query, Permission, Role } from '@appwrite.io/console'; import { @@ -34,6 +34,8 @@ import { showCreateBucket } from '$routes/(console)/project-[region]-[project]/storage/+page.svelte'; import { preferences } from '$lib/stores/preferences'; import { addNotification } from '$lib/stores/notifications'; + import { isCloud } from '$lib/system'; + import { currentPlan } from '$lib/stores/organization'; export let show: boolean; export let mimeTypeQuery: string = 'image/'; @@ -53,6 +55,10 @@ let fileSelector: HTMLInputElement; let uploading = false; let view: 'grid' | 'list' = 'list'; + $: planMaxSize = + isCloud && $currentPlan?.['fileSize'] + ? sizeToBytes($currentPlan['fileSize'], 'MB', 1000) + : null; onMount(() => { const lastSelectedBucket = preferences.getKey('lastSelectedBucket', null); @@ -381,8 +387,12 @@ : `${allowedExtension} files are allowed`} - Max file size: 10MB + {#if planMaxSize} + {@const readableMaxSize = humanFileSize(planMaxSize)} + Max file size: {readableMaxSize.value + + readableMaxSize.unit} + {/if}