[feat] #183 상세 화면 내 링크가 없을 때 화면 구성

- 정렬 숨기기
- 링크 추가 float버튼 숨기기
- empty화면의 링크 추가 case 수정

Author: stealmh

Projects/DSKit/Sources/Components/PokitCaution.swift

@@ -10,19 +10,21 @@ import SwiftUI
 public enum CautionType {
     case 카테고리없음
     case 미분류_링크없음
+    case 포킷상세_링크없음
     case 링크없음
     case 즐겨찾기_링크없음
     case 링크부족
     case 알림없음
 
     var image: PokitImage.Character {
         switch self {
-        case .카테고리없음, .링크없음, .즐겨찾기_링크없음, .미분류_링크없음:
-            return .empty
         case .링크부족:
             return .sad
+            
         case .알림없음:
             return .pooki
+            
+        default: return .empty
         }
     }
 
@@ -32,7 +34,7 @@ public enum CautionType {
             return "저장된 포킷이 없어요!"
         case .미분류_링크없음:
             return "미분류 링크가 없어요!"
-        case .링크없음:
+        case .링크없음, .포킷상세_링크없음:
             return "저장된 링크가 없어요!"
         case .즐겨찾기_링크없음:
             return "즐겨찾기 링크가 없어요!"
@@ -49,6 +51,8 @@ public enum CautionType {
             return "포킷을 생성해 링크를 저장해보세요"
         case .미분류_링크없음:
             return "링크를 포킷에 깔끔하게 분류하셨어요"
+        case .포킷상세_링크없음:
+            return "포킷에 링크를 저장해보세요"
         case .링크없음:
             return "다양한 링크를 한 곳에 저장해보세요"
         case .즐겨찾기_링크없음:
@@ -64,7 +68,7 @@ public enum CautionType {
         switch self {
         case .카테고리없음:
             return "포킷 추가하기"
-        case .미분류_링크없음:
+        case .미분류_링크없음, .포킷상세_링크없음:
             return "링크 추가하기"
         default: return nil
         }

Projects/Feature/FeatureCategoryDetail/Sources/CategoryDetailView.swift

@@ -37,7 +37,25 @@ public extension CategoryDetailView {
             .padding(.horizontal, 20)
             .padding(.top, 12)
             .pokitNavigationBar { navigationBar }
-            .pokitFloatButton(action: { send(.링크_추가_버튼_눌렀을때) })
+            //TODO: overlay(condition) merge 시 수정
+            .overlay(alignment: .bottomTrailing) {
+                if !store.contents.isEmpty {
+                    Button(action: { send(.링크_추가_버튼_눌렀을때) }) {
+                        Image(.icon(.plus))
+                            .resizable()
+                            .frame(width: 36, height: 36)
+                            .padding(12)
+                            .foregroundStyle(.pokit(.icon(.inverseWh)))
+                            .background {
+                                RoundedRectangle(cornerRadius: 9999, style: .continuous)
+                                    .fill(.pokit(.bg(.brand)))
+                            }
+                            .frame(width: 60, height: 60)
+                    }
+                    .padding(.trailing, 20)
+                    .padding(.bottom, 39)
+                }
+            }
             .ignoresSafeArea(edges: .bottom)
             .sheet(isPresented: $store.isCategorySheetPresented) {
                 PokitBottomSheet(
@@ -160,34 +178,37 @@ private extension CategoryDetailView {
         }
     }
 
+    @ViewBuilder
     var filterHeader: some View {
-        HStack(spacing: 8) {
-            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(.분류_버튼_눌렀을때(.안읽음)) }
-            )
-            
-            Spacer()
-            PokitIconLTextLink(
-                store.sortType.title,
-                icon: .icon(.align),
-                action: { send(.정렬_버튼_눌렀을때) }
-            )
-            .contentTransition(.numericText())
+        if !store.contents.isEmpty {
+            HStack(spacing: 8) {
+                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(.분류_버튼_눌렀을때(.안읽음)) }
+                )
+                
+                Spacer()
+                PokitIconLTextLink(
+                    store.sortType.title,
+                    icon: .icon(.align),
+                    action: { send(.정렬_버튼_눌렀을때) }
+                )
+                .contentTransition(.numericText())
+            }
         }
     }
 
@@ -196,8 +217,10 @@ private extension CategoryDetailView {
             if !store.isLoading {
                 if store.contents.isEmpty {
                     VStack {
-                        PokitCaution(type: .링크없음)
-                            .padding(.top, 20)
+                        PokitCaution(
+                            type: .포킷상세_링크없음,
+                            action: { send(.링크_추가_버튼_눌렀을때) }
+                        )
 
                         Spacer()
                     }