{title}
{@render children()}
{@render children()}
diff --git a/src/lib/components/organisms/Category/File.svelte b/src/lib/components/organisms/Category/File.svelte
index 5263b95..7d49cf3 100644
--- a/src/lib/components/organisms/Category/File.svelte
+++ b/src/lib/components/organisms/Category/File.svelte
@@ -3,7 +3,7 @@
import { ActionEntryButton } from "$lib/components/atoms";
import { DirectoryEntryLabel } from "$lib/components/molecules";
import type { FileInfo } from "$lib/modules/filesystem";
- import type { SelectedFile } from "./service";
+ import { requestFileThumbnailDownload, type SelectedFile } from "./service";
import IconClose from "~icons/material-symbols/close";
@@ -15,6 +15,8 @@
let { info, onclick, onRemoveClick }: Props = $props();
+ let thumbnail: string | undefined = $state();
+
const openFile = () => {
const { id, dataKey, dataKeyVersion, name } = $info as FileInfo;
if (!dataKey || !dataKeyVersion) return; // TODO: Error handling
@@ -28,6 +30,21 @@
onRemoveClick!({ id, dataKey, dataKeyVersion, name });
};
+
+ $effect(() => {
+ if ($info?.dataKey) {
+ requestFileThumbnailDownload($info.id, $info.dataKey)
+ .then((thumbnailUrl) => {
+ thumbnail = thumbnailUrl ?? undefined;
+ })
+ .catch(() => {
+ // TODO: Error Handling
+ thumbnail = undefined;
+ });
+ } else {
+ thumbnail = undefined;
+ }
+ });
{#if $info}
@@ -37,6 +54,6 @@
actionButtonIcon={onRemoveClick && IconClose}
onActionButtonClick={removeFile}
>
- 다른 디바이스에서는 로그아웃하고, 이 디바이스에서 로그인할까요? 썸네일이 누락된 파일
+ {persistentStates.files.length}개 파일의 썸네일이 존재하지 않아요.
+ 보안