feat(creator): 최신 오디오 섹션을 연결한다

SodaLive/Sources/V2/CreatorChannel/Home/Components/CreatorChannelLatestAudioSection.swift

@@ -0,0 +1,175 @@
+import SwiftUI
+
+struct CreatorChannelLatestAudioSection: View {
+    let latestAudioContent: CreatorChannelAudioContentResponse?
+    let onTapContent: (Int) -> Void
+
+    init(
+        latestAudioContent: CreatorChannelAudioContentResponse?,
+        onTapContent: @escaping (Int) -> Void = { _ in }
+    ) {
+        self.latestAudioContent = latestAudioContent
+        self.onTapContent = onTapContent
+    }
+
+    var body: some View {
+        if let latestAudioContent {
+            VStack(alignment: .leading, spacing: SodaSpacing.s8) {
+                SectionTitle(title: I18n.CreatorChannelHome.latestAudio)
+
+                CreatorChannelLatestAudioCard(audioContent: latestAudioContent) {
+                    onTapContent(latestAudioContent.audioContentId)
+                }
+                .padding(.horizontal, SodaSpacing.s14)
+            }
+            .padding(.top, SodaSpacing.s20)
+        }
+    }
+}
+
+private struct CreatorChannelLatestAudioCard: View {
+    let audioContent: CreatorChannelAudioContentResponse
+    let action: () -> Void
+
+    var body: some View {
+        Button(action: action) {
+            HStack(alignment: .center, spacing: SodaSpacing.s14) {
+                thumbnail
+
+                VStack(alignment: .leading, spacing: SodaSpacing.s6) {
+                    Text("New")
+                        .font(.custom("Pattaya", size: 14))
+                        .foregroundColor(Color.soda400)
+                        .lineLimit(1)
+
+                    Text(audioContent.title)
+                        .appFont(.body1)
+                        .foregroundColor(.white)
+                        .lineLimit(1)
+                        .truncationMode(.tail)
+
+                    if let duration = audioContent.duration, !duration.isEmpty {
+                        Text(duration)
+                            .appFont(size: 14, weight: .medium)
+                            .foregroundColor(Color.gray500)
+                            .lineLimit(1)
+                            .truncationMode(.tail)
+                    }
+
+                }
+                .frame(maxWidth: .infinity, alignment: .leading)
+            }
+            .padding(SodaSpacing.s14)
+            .frame(maxWidth: .infinity, alignment: .leading)
+            .background(Color.gray900)
+            .clipShape(RoundedRectangle(cornerRadius: SodaSpacing.s14, style: .continuous))
+        }
+        .buttonStyle(.plain)
+    }
+
+    private var thumbnail: some View {
+        ZStack(alignment: .topLeading) {
+            DownsampledKFImage(
+                url: audioContent.imageUrl.flatMap(URL.init(string:)),
+                size: CGSize(width: 88, height: 88)
+            )
+            .background(Color.gray800)
+
+            VStack(alignment: .leading, spacing: 0) {
+                topTagList
+
+                Spacer(minLength: 0)
+
+                bottomTagList
+            }
+        }
+        .frame(width: 88, height: 88)
+        .clipShape(RoundedRectangle(cornerRadius: SodaSpacing.s14, style: .continuous))
+    }
+
+    @ViewBuilder
+    private var topTagList: some View {
+        HStack(spacing: 0) {
+            if audioContent.isOriginalSeries == true {
+                CreatorChannelAudioImageTag(imageName: "ic_content_tag_original")
+            }
+
+            if audioContent.isFirstContent {
+                CreatorChannelAudioFirstTag()
+            }
+        }
+    }
+
+    @ViewBuilder
+    private var bottomTagList: some View {
+        HStack(spacing: 0) {
+            if audioContent.isPointAvailable {
+                CreatorChannelAudioImageTag(imageName: "ic_content_tag_point")
+            }
+
+            if audioContent.price == 0 {
+                CreatorChannelAudioFreeTag()
+            }
+        }
+    }
+}
+
+private struct CreatorChannelAudioImageTag: View {
+    let imageName: String
+
+    var body: some View {
+        Image(imageName)
+            .resizable()
+            .scaledToFit()
+            .frame(width: 24, height: 24)
+    }
+}
+
+private struct CreatorChannelAudioFirstTag: View {
+    var body: some View {
+        ZStack {
+            Color(hex: "FF34B8")
+
+            Image("ic_content_tag_first_star")
+                .resizable()
+                .scaledToFit()
+                .padding(SodaSpacing.s4)
+        }
+        .frame(width: 24, height: 24)
+    }
+}
+
+private struct CreatorChannelAudioFreeTag: View {
+    var body: some View {
+        Text("무료")
+            .appFont(size: 14, weight: .semibold)
+            .foregroundColor(.white)
+            .lineLimit(1)
+            .padding(SodaSpacing.s4)
+            .frame(height: 24)
+            .background(Color.soda900)
+    }
+}
+
+struct CreatorChannelLatestAudioSection_Previews: PreviewProvider {
+    static var previews: some View {
+        CreatorChannelLatestAudioSection(
+            latestAudioContent: CreatorChannelAudioContentResponse(
+                audioContentId: 1,
+                title: "콘텐츠 이름이 한 줄 콘텐츠 이름이 한 줄 콘텐츠 이름이 한 줄",
+                duration: "1:43:25",
+                imageUrl: "https://picsum.photos/300/300",
+                price: 0,
+                isAdult: true,
+                isPointAvailable: true,
+                isFirstContent: true,
+                seriesName: "시리즈명",
+                isOriginalSeries: true,
+                isOwned: false,
+                isRented: false
+            )
+        )
+        .background(Color.black)
+        .previewLayout(.sizeThatFits)
+    }
+}