홈 페이지 구현

src/lib/components/molecules/Gallery/index.ts

@@ -1 +0,0 @@
-export { default as Gallery } from "./Gallery.svelte";

src/lib/components/molecules/index.ts

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

src/lib/components/organisms/Gallery.svelte

@@ -2,9 +2,9 @@
   import { createWindowVirtualizer } from "@tanstack/svelte-virtual";
   import { untrack } from "svelte";
   import { get, type Writable } from "svelte/store";
+  import { FileThumbnailButton } from "$lib/components/molecules";
   import type { FileInfo } from "$lib/modules/filesystem";
   import { formatDate, formatDateSortable, SortBy, sortEntries } from "$lib/utils";
-  import Thumbnail from "./Thumbnail.svelte";
 
   interface Props {
     files: Writable<FileInfo | null>[];
@@ -105,7 +105,7 @@
         {:else}
           <div class="grid grid-cols-4 gap-1 pb-4">
             {#each row.items as { info }}
-              <Thumbnail {info} onclick={onFileClick} />
+              <FileThumbnailButton {info} onclick={onFileClick} />
             {/each}
           </div>
         {/if}

src/lib/components/organisms/index.ts

@@ -1,3 +1,4 @@
 export * from "./Category";
 export { default as Category } from "./Category";
+export { default as Gallery } from "./Gallery.svelte";
 export * from "./modals";