콘텐츠 메인

- 시리즈 탭 UI 페이지 생성

SodaLive/Sources/Content/Main/V2/Series/ContentMainTabSeriesView.swift

@@ -8,8 +8,86 @@
 import SwiftUI
 
 struct ContentMainTabSeriesView: View {
+    
+    @StateObject var viewModel = ContentMainTabSeriesViewModel()
+    
     var body: some View {
-        Text(/*@START_MENU_TOKEN@*/"Hello, World!"/*@END_MENU_TOKEN@*/)
+        BaseView(isLoading: $viewModel.isLoading) {
+            ScrollView(.vertical, showsIndicators: false) {
+                VStack(spacing: 0) {
+                    if !viewModel.bannerList.isEmpty {
+                        ContentMainBannerViewV2(bannerList: viewModel.bannerList)
+                            .padding(.horizontal, 13.3)
+                    }
+                    
+                    if !viewModel.originalAudioDramaList.isEmpty {
+                        ContentMainOriginalAudioDramaView(itemList: viewModel.originalAudioDramaList) {
+                        }
+                        .padding(.top, 30)
+                    }
+                    
+                    if !viewModel.rankSeriesList.isEmpty {
+                        ContentMainSeriesRankingView(seriesList: viewModel.rankSeriesList)
+                            .padding(.top, 30)
+                    }
+                    
+                    if !viewModel.genreList.isEmpty {
+                        ContentMainSeriesByGenreView(
+                            genreList: viewModel.genreList,
+                            itemList: viewModel.recommendSeriesList
+                        ) {
+                            viewModel.getRecommendSeriesListByGenre(genreId: $0)
+                        }
+                        .padding(.top, 30)
+                    }
+                    
+                    if !viewModel.newSeriesList.isEmpty {
+                        ContentMainNewOrRecommendSeriesView(
+                            title: "새로운 시리즈",
+                            recommendSeriesList: viewModel.newSeriesList
+                        )
+                        .padding(.top, 30)
+                    }
+                    
+                    if !viewModel.rankCompleteSeriesList.isEmpty {
+                        ContentMainCompletedSeriesView(
+                            itemList: viewModel.rankCompleteSeriesList,
+                            onClickMore: {}
+                        )
+                        .padding(.top, 30)
+                    }
+                    
+                    if !viewModel.seriesRankCreatorList.isEmpty {
+                        SeriesByChannelView(
+                            title: "채널별 추천 시리즈",
+                            creatorList: viewModel.seriesRankCreatorList,
+                            seriesList: viewModel.recommendSeriesByChannel
+                        ) {
+                            viewModel.getRecommendSeriesByCreator(creatorId: $0)
+                        }
+                        .padding(.top, 30)
+                    }
+                    
+                    if !viewModel.eventBannerList.isEmpty {
+                        SectionEventBannerView(items: viewModel.eventBannerList)
+                            .frame(
+                                width: viewModel.eventBannerList.count > 0 ? screenSize().width : 0,
+                                height: viewModel.eventBannerList.count > 0 ? screenSize().width * 300 / 1000 : 0,
+                                alignment: .center
+                            )
+                            .padding(.top, 30)
+                    }
+                    
+                    if !viewModel.curationList.isEmpty {
+                        ContentMainSeriesCurationView(curationList: viewModel.curationList)
+                            .padding(.top, 30)
+                    }
+                }
+                .onAppear {
+                    viewModel.fetchData()
+                }
+            }
+        }
     }
 }