[feat] #177 포킷카드 디자인 수정

YAPP-Github · Jan 9, 2025 · 660c79d · 660c79d
1 parent 2e1c430
commit 660c79d
Showing 1 changed file with 33 additions and 7 deletions.
diff --git a/Projects/DSKit/Sources/Components/PokitCard.swift b/Projects/DSKit/Sources/Components/PokitCard.swift
@@ -66,10 +66,22 @@ public struct PokitCard<Item: PokitCardItem & Shareable>: View {
         .frame(height: 152)
     }
 
+    @ViewBuilder
     private var title: some View {
-        Text(category.categoryName)
-            .pokitFont(.b1(.b))
-            .foregroundStyle(.pokit(.text(.primary)))
+        let isPublic = category.openType == .공개
+
+        HStack(spacing: isPublic ? 2 : 0) {
+            if isPublic {
+                Image(.icon(.lock))
+                    .resizable()
+                    .frame(width: 18, height: 18)
+                    .padding(.vertical, 3)
+                    .foregroundStyle(.pokit(.icon(.tertiary)))
+            }
+            Text(category.categoryName)
+                .pokitFont(.b1(.b))
+                .foregroundStyle(.pokit(.text(.primary)))
+        }
     }
 
     private var kebabButton: some View {
@@ -81,11 +93,25 @@ public struct PokitCard<Item: PokitCardItem & Shareable>: View {
         }
     }
 
+    @ViewBuilder
     private var subTitle: some View {
-        Text("링크 \(category.contentCount)개")
-            .pokitFont(.detail2)
-            .foregroundStyle(.pokit(.text(.tertiary)))
-            .contentTransition(.numericText())
+        let isShared = category.userCount > 1
+
+        HStack(spacing: 2) {
+            Text("링크 \(category.contentCount)개")
+                .contentTransition(.numericText())
+
+            if isShared {
+                Text("•")
+                    .pokitFont(.detail2)
+                Image(.iconMember)
+                    .resizable()
+                    .frame(width: 16, height: 16)
+                Text("\(category.userCount)명")
+            }
+        }
+        .pokitFont(.detail2)
+        .foregroundStyle(.pokit(.text(.tertiary)))
     }
 
     @MainActor