사소한 리팩토링

src/lib/components/inputs/CheckBox.svelte

@@ -12,7 +12,7 @@
   let { children, checked = $bindable(false) }: Props = $props();
 </script>
 
-<label class="flex items-center justify-center gap-x-1">
+<label class="flex items-center gap-x-1">
   <input bind:checked type="checkbox" class="hidden" />
   {@render children?.()}
   {#if checked}

src/lib/modules/filesystem.ts

@@ -18,8 +18,8 @@ import {
 } from "$lib/indexedDB";
 import { unwrapDataKey, decryptString } from "$lib/modules/crypto";
 import type {
-  CategoryFileListResponse,
   CategoryInfoResponse,
+  CategoryFileListResponse,
   DirectoryInfoResponse,
   FileInfoResponse,
 } from "$lib/server/schemas";

src/lib/molecules/SubCategories.svelte

@@ -35,8 +35,6 @@
     subCategories = info.subCategoryIds.map((id) =>
       getCategoryInfo(id, $masterKeyStore?.get(1)?.key!),
     );
-
-    // TODO: Sorting
   });
 </script>
 

src/routes/(fullscreen)/file/[id]/+page.svelte

@@ -76,8 +76,6 @@
   $effect(() => {
     categories =
       $info?.categoryIds.map((id) => getCategoryInfo(id, $masterKeyStore?.get(1)?.key!)) ?? [];
-
-    // TODO: Sorting
   });
 
   $effect(() => {

src/routes/(main)/category/[[id]]/DeleteCategoryModal.svelte

@@ -40,14 +40,7 @@
         </p>
       </div>
       <div class="flex gap-2">
-        <Button
-          color="gray"
-          onclick={() => {
-            isOpen = false;
-          }}
-        >
-          아니요
-        </Button>
+        <Button color="gray" onclick={closeModal}>아니요</Button>
         <Button onclick={deleteEntry}>삭제할게요</Button>
       </div>
     </div>

src/routes/(main)/directory/[[id]]/DeleteDirectoryEntryModal.svelte

@@ -48,14 +48,7 @@
         </p>
       </div>
       <div class="flex gap-2">
-        <Button
-          color="gray"
-          onclick={() => {
-            isOpen = false;
-          }}
-        >
-          아니요
-        </Button>
+        <Button color="gray" onclick={closeModal}>아니요</Button>
         <Button onclick={deleteEntry}>삭제할게요</Button>
       </div>
     </div>

src/routes/api/category/[id]/file/list/+server.ts

@@ -8,7 +8,11 @@ import type { RequestHandler } from "./$types";
 export const GET: RequestHandler = async ({ locals, url, params }) => {
   const { userId } = await authorize(locals, "activeClient");
 
-  const paramsZodRes = z.object({ id: z.coerce.number().int().positive() }).safeParse(params);
+  const paramsZodRes = z
+    .object({
+      id: z.coerce.number().int().positive(),
+    })
+    .safeParse(params);
   if (!paramsZodRes.success) error(400, "Invalid path parameters");
   const { id } = paramsZodRes.data;
 
@@ -27,6 +31,6 @@ export const GET: RequestHandler = async ({ locals, url, params }) => {
   return json(
     categoryFileListResponse.parse({
       files: files.map(({ id, isRecursive }) => ({ file: id, isRecursive })),
-    }) as CategoryFileListResponse,
+    }) satisfies CategoryFileListResponse,
   );
 };