From 7b666cf692e209457ce6aa6bda8b903a246cac13 Mon Sep 17 00:00:00 2001
From: static <kmc7468@naver.com>
Date: Wed, 31 Dec 2025 01:32:54 +0900
Subject: [PATCH] =?UTF-8?q?=ED=8C=8C=EC=9D=BC=EC=9D=B4=20=EB=8B=A4?=
 =?UTF-8?q?=EC=9A=B4=EB=A1=9C=EB=93=9C/=EC=97=85=EB=A1=9C=EB=93=9C?=
 =?UTF-8?q?=EB=90=9C=20=EC=A7=81=ED=9B=84=EC=97=90=20=EB=8B=A4=EC=9A=B4?=
 =?UTF-8?q?=EB=A1=9C=EB=93=9C/=EC=97=85=EB=A1=9C=EB=93=9C=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=EC=9D=98=20=EB=AA=A9=EB=A1=9D=EC=97=90?=
 =?UTF-8?q?=EC=84=9C=20=EB=B0=94=EB=A1=9C=20=EC=82=AC=EB=9D=BC=EC=A7=80?=
 =?UTF-8?q?=EB=8D=98=20=EB=B2=84=EA=B7=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/modules/file/download.svelte.ts       |  2 +-
 .../(fullscreen)/file/downloads/+page.svelte  | 22 +++++++++----------
 .../(fullscreen)/file/uploads/+page.svelte    |  4 +++-
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/lib/modules/file/download.svelte.ts b/src/lib/modules/file/download.svelte.ts
index 4c53ed0..e80fe31 100644
--- a/src/lib/modules/file/download.svelte.ts
+++ b/src/lib/modules/file/download.svelte.ts
@@ -45,7 +45,7 @@ export const clearDownloadedFiles = () => {
 
 const requestFileDownload = limitFunction(
   async (state: FileDownloadState, id: number) => {
-    state.status = "download-pending";
+    state.status = "downloading";
 
     const res = await axios.get(`/api/file/${id}/download`, {
       responseType: "arraybuffer",
diff --git a/src/routes/(fullscreen)/file/downloads/+page.svelte b/src/routes/(fullscreen)/file/downloads/+page.svelte
index e5a972f..22b23f8 100644
--- a/src/routes/(fullscreen)/file/downloads/+page.svelte
+++ b/src/routes/(fullscreen)/file/downloads/+page.svelte
@@ -1,18 +1,14 @@
 <script lang="ts">
   import { FullscreenDiv } from "$lib/components/atoms";
   import { TopBar } from "$lib/components/molecules";
-  import { getFileInfo } from "$lib/modules/filesystem";
   import { getDownloadingFiles, clearDownloadedFiles } from "$lib/modules/file";
+  import { getFileInfo } from "$lib/modules/filesystem";
   import { masterKeyStore } from "$lib/stores";
   import File from "./File.svelte";
 
-  let downloadingFilesPromise = $derived(
-    Promise.all(
-      getDownloadingFiles().map(async (file) => ({
-        state: file,
-        fileInfo: await getFileInfo(file.id, $masterKeyStore?.get(1)?.key!),
-      })),
-    ),
+  const downloadingFiles = getDownloadingFiles();
+  const filesPromise = $derived(
+    Promise.all(downloadingFiles.map(({ id }) => getFileInfo(id, $masterKeyStore?.get(1)?.key!))),
   );
 
   $effect(() => clearDownloadedFiles);
@@ -24,9 +20,11 @@
 
 <TopBar />
 <FullscreenDiv>
-  {#await downloadingFilesPromise then downloadingFiles}
-    {#each downloadingFiles as { state, fileInfo }}
-      <File {state} info={fileInfo} />
-    {/each}
+  {#await filesPromise then files}
+    <div class="space-y-2 pb-4">
+      {#each files as file, index}
+        <File state={downloadingFiles[index]!} info={file} />
+      {/each}
+    </div>
   {/await}
 </FullscreenDiv>
diff --git a/src/routes/(fullscreen)/file/uploads/+page.svelte b/src/routes/(fullscreen)/file/uploads/+page.svelte
index 687b72b..d280e7f 100644
--- a/src/routes/(fullscreen)/file/uploads/+page.svelte
+++ b/src/routes/(fullscreen)/file/uploads/+page.svelte
@@ -4,6 +4,8 @@
   import { getUploadingFiles, clearUploadedFiles } from "$lib/modules/file";
   import File from "./File.svelte";
 
+  const uploadingFiles = getUploadingFiles();
+
   $effect(() => clearUploadedFiles);
 </script>
 
@@ -14,7 +16,7 @@
 <TopBar />
 <FullscreenDiv>
   <div class="space-y-2 pb-4">
-    {#each getUploadingFiles() as file}
+    {#each uploadingFiles as file}
       <File state={file} />
     {/each}
   </div>