feat(series-all-day-of-week): 시리즈 전체보기 요일별 탭 UI 추가

SodaLive/Sources/Content/Series/Main/DayOfWeek/SeriesMainDayOfWeekView.swift

@@ -11,6 +11,7 @@ struct SeriesMainDayOfWeekView: View {
     
     @StateObject var viewModel = SeriesMainDayOfWeekViewModel()
     
+    @State private var isInitialized = false
     @State private var dayOfWeek: SeriesPublishedDaysOfWeek = .SAT
     
     private let dayOfWeekItems: [DayOfWeek] = [
@@ -39,7 +40,56 @@ struct SeriesMainDayOfWeekView: View {
     var body: some View {
         ZStack {
             VStack(spacing: 16) {
+                HStack {
+                    Spacer(minLength: 0)
+                    ForEach(0..<dayOfWeekItems.count, id: \.self) {
+                        let item = dayOfWeekItems[$0]
+                        DayOfWeekDayView(dayOfWeek: item.dayOfWeekStr, isSelected: dayOfWeek == item.dayOfWeek)
+                            .onTapGesture {
+                                if dayOfWeek != item.dayOfWeek {
+                                    dayOfWeek = item.dayOfWeek
+                                    viewModel.onTapDayOfWeek(dayOfWeek: dayOfWeek)
+                                }
+                            }
+                        Spacer(minLength: 0)
+                    }
+                }
+                .padding(.horizontal, 24)
                 
+                ScrollView(.vertical, showsIndicators: false) {
+                    let horizontalPadding: CGFloat = 24
+                    let gridSpacing: CGFloat = 16
+                    let width = (screenSize().width - (horizontalPadding * 2) - gridSpacing) / 2
+                    
+                    LazyVGrid(
+                        columns: Array(
+                            repeating: GridItem(
+                                .flexible(),
+                                spacing: gridSpacing,
+                                alignment: .topLeading
+                            ),
+                            count: 2
+                        ),
+                        alignment: .leading,
+                        spacing: gridSpacing
+                    ) {
+                        ForEach(viewModel.seriesList.indices, id: \.self) { index in
+                            let item = viewModel.seriesList[index]
+                            NavigationLink {
+                                SeriesDetailView(seriesId: item.seriesId)
+                            } label: {
+                                SeriesMainItemView(item: item, width: width, height: width * 227 / 160)
+                                    .contentShape(Rectangle())
+                                    .onAppear {
+                                        if index == viewModel.seriesList.count - 1 {
+                                            viewModel.getDayOfWeekSeriesList(dayOfWeek: dayOfWeek)
+                                        }
+                                    }
+                            }
+                        }
+                    }
+                    .padding(.horizontal, horizontalPadding)
+                }
             }
             .popup(isPresented: $viewModel.isShowPopup, type: .toast, position: .bottom, autohideIn: 2) {
                 HStack {
@@ -57,8 +107,11 @@ struct SeriesMainDayOfWeekView: View {
                 }
             }
             .onAppear {
+                if !isInitialized {
                     dayOfWeek = dayOfWeeks[Calendar.current.component(.weekday, from: Date())]
                     viewModel.getDayOfWeekSeriesList(dayOfWeek: dayOfWeek)
+                    isInitialized = true
+                }
             }
             
             if viewModel.isLoading {

SodaLive/Sources/Content/Series/Main/DayOfWeek/SeriesMainDayOfWeekViewModel.swift

@@ -22,6 +22,12 @@ final class SeriesMainDayOfWeekViewModel: ObservableObject {
     private var isLast = false
     private let pageSize = 20
     
+    func onTapDayOfWeek(dayOfWeek: SeriesPublishedDaysOfWeek) {
+        page = 1
+        isLast = false
+        getDayOfWeekSeriesList(dayOfWeek: dayOfWeek)
+    }
+    
     func getDayOfWeekSeriesList(dayOfWeek: SeriesPublishedDaysOfWeek) {
         if !isLoading && !isLast {
             isLoading = true