feat(creator): 팬Talk 섹션을 연결한다

2026-07-03 16:49:48 +09:00
parent 884952db5a
commit 4214829a20
4 changed files with 104 additions and 1 deletions
--- a/SodaLive/Sources/V2/CreatorChannel/Home/Components/CreatorChannelFanTalkSection.swift
+++ b/SodaLive/Sources/V2/CreatorChannel/Home/Components/CreatorChannelFanTalkSection.swift
@@ -0,0 +1,90 @@
+import SwiftUI
+
+struct CreatorChannelFanTalkSection: View {
+    let fanTalk: CreatorChannelFanTalkSummaryResponse
+    let onSelectTab: (CreatorChannelTab) -> Void
+
+    var body: some View {
+        if let latestFanTalk = fanTalk.latestFanTalk {
+            VStack(alignment: .leading, spacing: SodaSpacing.s14) {
+                SectionTitle(title: I18n.CreatorChannelHome.fanTalk) {
+                    onSelectTab(.fanTalk)
+                }
+
+                CreatorChannelFanTalkCard(
+                    totalCount: fanTalk.totalCount,
+                    latestFanTalk: latestFanTalk
+                )
+                .padding(.horizontal, SodaSpacing.s14)
+            }
+            .padding(.top, SodaSpacing.s20)
+        }
+    }
+}
+
+private struct CreatorChannelFanTalkCard: View {
+    let totalCount: Int
+    let latestFanTalk: CreatorChannelFanTalkResponse
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: SodaSpacing.s8) {
+            HStack(spacing: SodaSpacing.s4) {
+                Text("전체")
+                    .appFont(size: 16, weight: .medium)
+                    .foregroundColor(.white)
+
+                Text("\(totalCount)")
+                    .appFont(size: 16, weight: .medium)
+                    .foregroundColor(Color.gray500)
+            }
+
+            HStack(alignment: .center, spacing: SodaSpacing.s14) {
+                DownsampledKFImage(
+                    url: URL(string: latestFanTalk.profileImageUrl),
+                    size: CGSize(width: 28, height: 28)
+                )
+                .background(Color.white.opacity(0.9))
+                .clipShape(Circle())
+
+                Text(latestFanTalk.content)
+                    .appFont(size: 14, weight: .regular)
+                    .foregroundColor(.white)
+                    .lineLimit(2)
+                    .truncationMode(.tail)
+                    .frame(maxWidth: .infinity, minHeight: 40, alignment: .leading)
+                .frame(maxWidth: .infinity, alignment: .leading)
+
+                Image(systemName: "chevron.down")
+                    .font(.system(size: 12, weight: .medium))
+                    .foregroundColor(.white)
+                    .frame(width: 18, height: 18)
+            }
+        }
+        .padding(SodaSpacing.s14)
+        .frame(maxWidth: .infinity, alignment: .leading)
+        .background(Color.gray900)
+        .clipShape(RoundedRectangle(cornerRadius: SodaSpacing.s14, style: .continuous))
+    }
+}
+
+struct CreatorChannelFanTalkSection_Previews: PreviewProvider {
+    static var previews: some View {
+        CreatorChannelFanTalkSection(
+            fanTalk: CreatorChannelFanTalkSummaryResponse(
+                totalCount: 23,
+                latestFanTalk: CreatorChannelFanTalkResponse(
+                    fanTalkId: 1,
+                    memberId: 10,
+                    nickname: "팬 닉네임",
+                    profileImageUrl: "https://picsum.photos/120/120",
+                    content: "팬이 쓴 응원이 보이는 부분입니다. 두 줄까지만 보여주고 초과 시 말줄임 처리합니다.",
+                    languageCode: "ko",
+                    createdAtUtc: "2026-07-03T03:44:00Z"
+                )
+            ),
+            onSelectTab: { _ in }
+        )
+        .background(Color.black)
+        .previewLayout(.sizeThatFits)
+    }
+}