feat(creator): 소개, 활동, SNS 섹션을 연결한다

2026-07-03 17:23:09 +09:00
parent 4214829a20
commit 3f24788c29
7 changed files with 244 additions and 3 deletions
--- a/SodaLive/Sources/V2/CreatorChannel/Home/Components/CreatorChannelActivitySection.swift
+++ b/SodaLive/Sources/V2/CreatorChannel/Home/Components/CreatorChannelActivitySection.swift
@@ -0,0 +1,69 @@
+import SwiftUI
+
+struct CreatorChannelActivitySection: View {
+    let activity: CreatorChannelActivityResponse
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: SodaSpacing.s14) {
+            SectionTitle(title: I18n.CreatorChannelHome.activity)
+
+            VStack(alignment: .leading, spacing: SodaSpacing.s8) {
+                activityRow(title: I18n.CreatorChannelHome.debut, value: activity.debutText)
+                activityRow(title: I18n.CreatorChannelHome.liveCount, value: I18n.CreatorChannelHome.liveCountValue(activity.liveCount.comma()))
+                activityRow(title: I18n.CreatorChannelHome.liveDurationHours, value: I18n.CreatorChannelHome.liveDurationHoursValue(activity.liveDurationHours.comma()))
+                activityRow(title: I18n.CreatorChannelHome.liveContributorCount, value: I18n.CreatorChannelHome.liveContributorCountValue(activity.liveContributorCount.comma()))
+                activityRow(title: I18n.CreatorChannelHome.audioContentCount, value: I18n.CreatorChannelHome.audioContentCountValue(activity.audioContentCount.comma()))
+                activityRow(title: I18n.CreatorChannelHome.seriesCount, value: I18n.CreatorChannelHome.seriesCountValue(activity.seriesCount.comma()))
+            }
+            .padding(.horizontal, SodaSpacing.s20)
+        }
+        .padding(.top, SodaSpacing.s20)
+    }
+
+    private func activityRow(title: String, value: String) -> some View {
+        HStack(alignment: .top, spacing: SodaSpacing.s8) {
+            Text(title)
+                .appFont(size: 16, weight: .medium)
+                .foregroundColor(Color.gray500)
+                .frame(maxWidth: .infinity, alignment: .leading)
+
+            Text(value)
+                .appFont(size: 16, weight: .medium)
+                .foregroundColor(.white)
+                .lineLimit(1)
+                .multilineTextAlignment(.trailing)
+        }
+    }
+}
+
+private extension CreatorChannelActivityResponse {
+    var debutText: String {
+        let dDayText = dday.trimmingCharacters(in: .whitespacesAndNewlines)
+
+        guard let debutDateUtc,
+              let debutDate = DateParser.parse(debutDateUtc),
+              !dDayText.isEmpty else {
+            return dDayText
+        }
+
+        return "\(debutDate.convertDateFormat(dateFormat: "yyyy.MM.dd"))(\(dDayText))"
+    }
+}
+
+struct CreatorChannelActivitySection_Previews: PreviewProvider {
+    static var previews: some View {
+        CreatorChannelActivitySection(
+            activity: CreatorChannelActivityResponse(
+                debutDateUtc: "2026-06-11T00:00:00Z",
+                dday: "D+1",
+                liveCount: 719,
+                liveDurationHours: 1839,
+                liveContributorCount: 2189,
+                audioContentCount: 281,
+                seriesCount: 8
+            )
+        )
+        .background(Color.black)
+        .previewLayout(.sizeThatFits)
+    }
+}