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) } }