feat(creator): 라이브 탭 화면을 추가한다

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

@@ -3,7 +3,7 @@ import SwiftUI
 struct CreatorChannelAudioContentListItem: View {
     let audioContent: CreatorChannelAudioContentResponse
     let action: () -> Void
-
+    
     init(
         audioContent: CreatorChannelAudioContentResponse,
         action: @escaping () -> Void = {}
@@ -11,19 +11,19 @@ struct CreatorChannelAudioContentListItem: View {
         self.audioContent = audioContent
         self.action = action
     }
-
+    
     var body: some View {
         Button(action: action) {
             HStack(alignment: .center, spacing: SodaSpacing.s14) {
                 thumbnail
-
+                
                 VStack(alignment: .leading, spacing: 2) {
                     Text(audioContent.title)
                         .appFont(size: 16, weight: .bold)
                         .foregroundColor(.white)
                         .lineLimit(1)
                         .truncationMode(.tail)
-
+                    
                     if !subtitle.isEmpty {
                         Text(subtitle)
                             .appFont(size: 14, weight: .medium)
@@ -38,7 +38,7 @@ struct CreatorChannelAudioContentListItem: View {
         }
         .buttonStyle(.plain)
     }
-
+    
     private var subtitle: String {
         [audioContent.duration, audioContent.seriesName]
             .compactMap { value in
@@ -47,7 +47,7 @@ struct CreatorChannelAudioContentListItem: View {
             }
             .joined(separator: " • ")
     }
-
+    
     private var thumbnail: some View {
         ZStack(alignment: .topLeading) {
             DownsampledKFImage(
@@ -55,39 +55,39 @@ struct CreatorChannelAudioContentListItem: View {
                 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()
             }
@@ -97,7 +97,7 @@ struct CreatorChannelAudioContentListItem: View {
 
 struct CreatorChannelAudioImageTag: View {
     let imageName: String
-
+    
     var body: some View {
         Image(imageName)
             .resizable()
@@ -110,7 +110,7 @@ struct CreatorChannelAudioFirstTag: View {
     var body: some View {
         ZStack {
             Color(hex: "FF34B8")
-
+            
             Image("ic_content_tag_first_star")
                 .resizable()
                 .scaledToFit()
@@ -120,6 +120,21 @@ struct CreatorChannelAudioFirstTag: View {
     }
 }
 
+struct CreatorChannelAudioAdultTag: View {
+    var body: some View {
+        ZStack {
+            Color(hex: "FF4C3C")
+            
+            Image("ic_new_shield_small")
+                .resizable()
+                .scaledToFit()
+                .padding(2)
+        }
+        .frame(width: 18, height: 18)
+        .cornerRadius(4)
+    }
+}
+
 struct CreatorChannelAudioFreeTag: View {
     var body: some View {
         Text("무료")