콘텐츠 메인

- 추천 시리즈 UI 추가

SodaLive/Sources/UI/Component/SeriesListBigItemView.swift

@@ -12,6 +12,7 @@ import Kingfisher
 struct SeriesListBigItemView: View {
     
     let item: SeriesListItem
+    let isVisibleCreator: Bool
     
     var body: some View {
         VStack(alignment: .leading, spacing: 8) {
@@ -22,6 +23,10 @@ struct SeriesListBigItemView: View {
                     .frame(width: 116.7, height: 165, alignment: .center)
                     .cornerRadius(5)
                     .clipped()
+                    .onTapGesture {
+                        AppState.shared
+                            .setAppStep(step: .seriesDetail(seriesId: item.seriesId))
+                    }
                 
                 VStack(alignment: .leading, spacing: 0) {
                     HStack(spacing: 3.3) {
@@ -57,6 +62,25 @@ struct SeriesListBigItemView: View {
                 .foregroundColor(Color.grayee)
                 .lineLimit(2)
             
+            if isVisibleCreator {
+                HStack(spacing: 3) {
+                    KFImage(URL(string: item.creator.profileImage))
+                        .resizable()
+                        .scaledToFill()
+                        .frame(width: 16, height: 16, alignment: .center)
+                        .clipShape(Circle())
+                    
+                    Text(item.creator.nickname)
+                        .font(.custom(Font.medium.rawValue, size: 10))
+                        .foregroundColor(Color.gray77)
+                        .lineLimit(1)
+                }
+                .onTapGesture {
+                    AppState.shared
+                        .setAppStep(step: .creatorDetail(userId: item.creator.creatorId))
+                }
+            }
+            
             Text(item.publishedDaysOfWeek)
                 .font(.custom(Font.medium.rawValue, size: 11))
                 .foregroundColor(Color.gray77)
@@ -81,6 +105,7 @@ struct SeriesListBigItemView: View {
             numberOfContent: 10,
             isNew: true,
             isPopular: true
-        )
+        ),
+        isVisibleCreator: true
     )
 }