fix: 0402 카테고리 기능수정 (#66) #patch

* 선택중인 카테고리도 삭제 가능하도록

* 생성할때 잠시 에러메시지 나오는거 숨기기

Author: young-do

src/renderer/features/category/ui/change-category-drawer.tsx

@@ -266,7 +266,7 @@ const DeleteModeDrawerContent = ({ setMode }: DeleteModeDrawerContentProps) => {
           )}
         >
           {categories?.map((category, index) => {
-            const disabled = index === 0 || category.isSelected;
+            const disabled = index === 0;
             const checked = selectedCategoryIds.includes(`${category.no}`);
             return (
               <SelectGroupItem

src/renderer/pages/category.tsx

@@ -61,17 +61,20 @@ const CategoryPage = () => {
 
   useEffect(() => {
     const isTooLong = trimmedCategoryName.length > CATEGORY_NAME_MAX_LENGTH;
-    const isDuplicated = categories?.some(
-      (category) => category.title === trimmedCategoryName && category.no !== categoryNo,
-    );
+    const isDuplicated = isPending
+      ? // @note: 낙관적 업데이트를 하기 때문에 카테고리 생성 중에 중복 에러 메시지 보이지 않도록 함
+        false
+      : categories?.some(
+          (category) => category.title === trimmedCategoryName && category.no !== categoryNo,
+        );
     if (isTooLong) {
       return setErrorMessage(`최대 ${CATEGORY_NAME_MAX_LENGTH}글자까지 입력할 수 있어요.`);
     }
     if (isDuplicated) {
       return setErrorMessage('이미 존재하는 카테고리예요.');
     }
     setErrorMessage(null);
-  }, [trimmedCategoryName, categories, categoryNo]);
+  }, [trimmedCategoryName, categories, categoryNo, isPending]);
 
   const handleClickChangeIconButton = () => {
     drawerProps.setIsOpen(true);