사소한 리팩토링

src/lib/components/molecules/FileThumbnailButton.svelte

@@ -1,42 +0,0 @@
-<script lang="ts">
-  import type { Writable } from "svelte/store";
-  import type { FileInfo } from "$lib/modules/filesystem";
-  import { requestFileThumbnailDownload } from "$lib/services/file";
-
-  interface Props {
-    info: Writable<FileInfo | null>;
-    onclick?: (file: FileInfo) => void;
-  }
-
-  let { info, onclick }: Props = $props();
-
-  let thumbnail: string | undefined = $state();
-
-  $effect(() => {
-    if ($info) {
-      requestFileThumbnailDownload($info.id, $info.dataKey)
-        .then((thumbnailUrl) => {
-          thumbnail = thumbnailUrl ?? undefined;
-        })
-        .catch(() => {
-          // TODO: Error Handling
-          thumbnail = undefined;
-        });
-    } else {
-      thumbnail = undefined;
-    }
-  });
-</script>
-
-{#if $info}
-  <button
-    onclick={() => onclick?.($info)}
-    class="relative aspect-square w-full overflow-hidden rounded transition active:scale-95 active:brightness-90"
-  >
-    {#if thumbnail}
-      <img src={thumbnail} alt={$info.name} class="h-full w-full object-cover" />
-    {:else}
-      <div class="h-full w-full bg-gray-100"></div>
-    {/if}
-  </button>
-{/if}

src/lib/components/molecules/index.ts

@@ -2,7 +2,6 @@ export * from "./ActionModal.svelte";
 export { default as ActionModal } from "./ActionModal.svelte";
 export * from "./Categories";
 export { default as Categories } from "./Categories";
-export { default as FileThumbnailButton } from "./FileThumbnailButton.svelte";
 export { default as IconEntryButton } from "./IconEntryButton.svelte";
 export * from "./labels";
 export { default as SubCategories } from "./SubCategories.svelte";