[fix] #196 즐겨찾기, 안읽음 중 둘 중 하나만 선택 가능, x 버튼 노출

Author: ShapeKim98

Projects/Feature/FeatureCategoryDetail/Sources/CategoryDetailFeature.swift

@@ -198,8 +198,10 @@ private extension CategoryDetailFeature {
         case let .분류_버튼_눌렀을때(type):
             if type == .즐겨찾기 {
                 state.domain.condition.isFavoriteFlitered.toggle()
+                state.domain.condition.isUnreadFlitered = !state.domain.condition.isFavoriteFlitered
             } else {
                 state.domain.condition.isUnreadFlitered.toggle()
+                state.domain.condition.isFavoriteFlitered = !state.domain.condition.isUnreadFlitered
             }
             return .concatenate(
                 .send(.inner(.pagenation_초기화), animation: .pokitDissolve),

Projects/Feature/FeatureCategoryDetail/Sources/CategoryDetailView.swift

@@ -224,24 +224,9 @@ private extension CategoryDetailView {
                         .foregroundStyle(.pokit(.text(.tertiary)))
                         .pokitFont(.b2(.m))
                 } else {
-                    PokitTextButton(
-                        "즐겨찾기",
-                        state: store.isFavoriteFiltered
-                        ? .filled(.primary)
-                        : .default(.secondary),
-                        size: .small,
-                        shape: .round,
-                        action: { send(.분류_버튼_눌렀을때(.즐겨찾기)) }
-                    )
-                    PokitTextButton(
-                        "안읽음",
-                        state: store.isUnreadFiltered
-                        ? .filled(.primary)
-                        : .default(.secondary),
-                        size: .small,
-                        shape: .round,
-                        action: { send(.분류_버튼_눌렀을때(.안읽음)) }
-                    )
+                    favoriteButton
+                    
+                    unreadButton
                 }
 
                 Spacer()
@@ -255,6 +240,50 @@ private extension CategoryDetailView {
         }
     }
 
+    @ViewBuilder
+    var favoriteButton: some View {
+        if store.isFavoriteFiltered {
+            PokitIconRButton(
+                "즐겨찾기",
+                .icon(.x),
+                state: .filled(.primary),
+                size: .small,
+                shape: .round,
+                action: { send(.분류_버튼_눌렀을때(.즐겨찾기)) }
+            )
+        } else {
+            PokitTextButton(
+                "즐겨찾기",
+                state: .default(.secondary),
+                size: .small,
+                shape: .round,
+                action: { send(.분류_버튼_눌렀을때(.즐겨찾기)) }
+            )
+        }
+    }
+    
+    @ViewBuilder
+    var unreadButton: some View {
+        if store.isUnreadFiltered {
+            PokitIconRButton(
+                "안읽음",
+                .icon(.x),
+                state: .filled(.primary),
+                size: .small,
+                shape: .round,
+                action: { send(.분류_버튼_눌렀을때(.안읽음)) }
+            )
+        } else {
+            PokitTextButton(
+                "안읽음",
+                state: .default(.secondary),
+                size: .small,
+                shape: .round,
+                action: { send(.분류_버튼_눌렀을때(.안읽음)) }
+            )
+        }
+    }
+    
     var contentScrollView: some View {
         Group {
             if !store.isLoading {