refactor: 카테고리 이름 클릭 도메인 로직 리팩토링

woowacourse-teams · Sep 7, 2022 · b0124fb · b0124fb
1 parent 7fc8021
commit b0124fb
Showing 1 changed file with 5 additions and 27 deletions.
diff --git a/frontend/src/components/FilterCategoryItem/FilterCategoryItem.tsx b/frontend/src/components/FilterCategoryItem/FilterCategoryItem.tsx
@@ -49,31 +49,9 @@ function FilterCategoryItem({ subscription }: FilterItemProps) {
     }
   );
 
-  const handleClickFilledCheckBox = (colorCode: string) => {
+  const handleClickCategoryItem = (checked: boolean, colorCode: string) => {
     mutate({
-      checked: false,
-      colorCode,
-    });
-  };
-
-  const handleClickBlankCheckBox = (colorCode: string) => {
-    mutate({
-      checked: true,
-      colorCode,
-    });
-  };
-
-  const handleClickCategoryName = (checked: boolean, colorCode: string) => {
-    if (checked) {
-      mutate({
-        checked: false,
-        colorCode,
-      });
-      return;
-    }
-
-    mutate({
-      checked: true,
+      checked: !checked,
       colorCode,
     });
   };
@@ -93,22 +71,22 @@ function FilterCategoryItem({ subscription }: FilterItemProps) {
             size={20}
             color={subscription.colorCode}
             onClick={() => {
-              handleClickFilledCheckBox(subscription.colorCode);
+              handleClickCategoryItem(subscription.checked, subscription.colorCode);
             }}
           />
         ) : (
           <RiCheckboxBlankLine
             size={20}
             color={subscription.colorCode}
             onClick={() => {
-              handleClickBlankCheckBox(subscription.colorCode);
+              handleClickCategoryItem(subscription.checked, subscription.colorCode);
             }}
           />
         )}
         <span
           css={nameStyle}
           onClick={() => {
-            handleClickCategoryName(subscription.checked, subscription.colorCode);
+            handleClickCategoryItem(subscription.checked, subscription.colorCode);
           }}
         >
           {subscription.category.name}