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

This commit is contained in:
Yu Sung
2025-11-15 05:08:24 +09:00
parent a6ef1d89ce
commit 5fcc6a9a60
2 changed files with 61 additions and 2 deletions

View File

@@ -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 {
dayOfWeek = dayOfWeeks[Calendar.current.component(.weekday, from: Date())]
viewModel.getDayOfWeekSeriesList(dayOfWeek: dayOfWeek)
if !isInitialized {
dayOfWeek = dayOfWeeks[Calendar.current.component(.weekday, from: Date())]
viewModel.getDayOfWeekSeriesList(dayOfWeek: dayOfWeek)
isInitialized = true
}
}
if viewModel.isLoading {