콘텐츠 메인

- 시리즈 탭 UI 페이지 생성
2025-02-21 21:10:16 +09:00
parent cf5d0dc19e
commit 6bd27c5301
19 changed files with 1439 additions and 22 deletions
--- a/SodaLive/Sources/Content/Main/V2/Series/SeriesByChannelView.swift
+++ b/SodaLive/Sources/Content/Main/V2/Series/SeriesByChannelView.swift
@@ -0,0 +1,123 @@
+//
+//  SeriesByChannelView.swift
+//  SodaLive
+//
+//  Created by klaus on 2/21/25.
+//
+
+import SwiftUI
+
+struct SeriesByChannelView: View {
+    
+    let title: String
+    let creatorList: [ContentCreatorResponse]
+    let seriesList: [SeriesListItem]
+    let onClickCreator: (Int) -> Void
+    
+    @State private var selectedCreatorId = 0
+    
+    var body: some View {
+        VStack(alignment: .leading, spacing: 20) {
+            Text(title)
+                .font(.custom(Font.bold.rawValue, size: 18.3))
+                .foregroundColor(Color(hex: "eeeeee"))
+                .padding(.horizontal, 13.3)
+            
+            ScrollView(.horizontal) {
+                HStack(spacing: 22) {
+                    ForEach(0..<creatorList.count, id: \.self) { index in
+                        let item = creatorList[index]
+                        
+                        ContentCreatorView(
+                            isSelected: item.creatorId == selectedCreatorId,
+                            item: item
+                        )
+                        .onTapGesture {
+                            let creatorId = item.creatorId
+                            
+                            if creatorId != selectedCreatorId {
+                                selectedCreatorId = creatorId
+                                onClickCreator(creatorId)
+                            }
+                        }
+                    }
+                }
+                .padding(.horizontal, 13.3)
+            }
+            
+            if seriesList.isEmpty {
+                ContentMainNoItemView()
+            } else {
+                ScrollView(.horizontal) {
+                    HStack(spacing: 22) {
+                        ForEach(0..<seriesList.count, id: \.self) { index in
+                            let item = seriesList[index]
+                            
+                            SeriesListBigItemView(
+                                item: item,
+                                isVisibleCreator: true
+                            )
+                        }
+                    }
+                    .padding(.horizontal, 13.3)
+                }
+            }
+        }
+        .onAppear {
+            if !self.creatorList.isEmpty {
+                selectedCreatorId = creatorList[0].creatorId
+            }
+        }
+    }
+}
+
+#Preview {
+    SeriesByChannelView(
+        title: "채널별 추천 시리즈",
+        creatorList: [
+            ContentCreatorResponse(
+                creatorId: 1,
+                creatorNickname: "유저1",
+                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png"
+            ),
+            ContentCreatorResponse(
+                creatorId: 2,
+                creatorNickname: "유저2",
+                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png"
+            )
+        ],
+        seriesList: [
+            SeriesListItem(
+                seriesId: 1,
+                title: "제목, 관심사,프로필+방장, 참여인원(어딘가..)",
+                coverImage: "https://test-cf.sodalive.net/profile/default-profile.png",
+                publishedDaysOfWeek: "매주 수, 토요일",
+                isComplete: true,
+                creator: SeriesListItemCreator(
+                    creatorId: 1,
+                    nickname: "creator",
+                    profileImage: "https://test-cf.sodalive.net/profile/default-profile.png"
+                ),
+                numberOfContent: 10,
+                isNew: true,
+                isPopular: true
+            ),
+            SeriesListItem(
+                seriesId: 1,
+                title: "제목, 관심사,프로필+방장, 참여인원(어딘가..)",
+                coverImage: "https://test-cf.sodalive.net/profile/default-profile.png",
+                publishedDaysOfWeek: "매주 수, 토요일",
+                isComplete: true,
+                creator: SeriesListItemCreator(
+                    creatorId: 1,
+                    nickname: "creator",
+                    profileImage: "https://test-cf.sodalive.net/profile/default-profile.png"
+                ),
+                numberOfContent: 10,
+                isNew: true,
+                isPopular: true
+            )
+        ],
+        onClickCreator: { _ in }
+    )
+}