카테고리 페이지에 파일 제거 버튼 구현

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

@@ -12,6 +12,7 @@
   import RenameCategoryModal from "./RenameCategoryModal.svelte";
   import {
     requestCategoryCreation,
+    requestFileRemovalFromCategory,
     requestCategoryRename,
     requestCategoryDeletion,
   } from "./service";
@@ -49,13 +50,17 @@
     {#if $info}
       <Category
         info={$info}
+        onFileClick={({ id }) => goto(`/file/${id}`)}
+        onFileRemoveClick={({ id }) => {
+          requestFileRemovalFromCategory(id, data.id as number);
+          info = getCategoryInfo(data.id, $masterKeyStore?.get(1)?.key!); // TODO: FIXME
+        }}
         onSubCategoryClick={({ id }) => goto(`/category/${id}`)}
         onSubCategoryCreateClick={() => (isCreateCategoryModalOpen = true)}
         onSubCategoryMenuClick={(subCategory) => {
           selectedSubCategory = subCategory;
           isSubCategoryMenuBottomSheetOpen = true;
         }}
-        onFileClick={({ id }) => goto(`/file/${id}`)}
       />
     {/if}
   </div>

src/routes/(main)/category/[[id]]/service.ts

@@ -3,7 +3,7 @@ import { encryptString } from "$lib/modules/crypto";
 import type { SelectedCategory } from "$lib/molecules/Categories";
 import type { CategoryRenameRequest } from "$lib/server/schemas";
 
-export { requestCategoryCreation } from "$lib/services/category";
+export { requestCategoryCreation, requestFileRemovalFromCategory } from "$lib/services/category";
 
 export const requestCategoryRename = async (category: SelectedCategory, newName: string) => {
   const newNameEncrypted = await encryptString(newName, category.dataKey);