sodalive-ios/SodaLive/Sources/Live/Reservation/SectionLiveReservationView....

123 lines
4.9 KiB
Swift

//
// SectionLiveReservationView.swift
// SodaLive
//
// Created by klaus on 2023/08/09.
//
import SwiftUI
struct SectionLiveReservationView: View {
let items: [GetRoomListResponse]
let onClickCancel: () -> Void
let onClickStart: (Int) -> Void
let onClickReservation: (Int) -> Void
let onTapCreateLive: () -> Void
var body: some View {
VStack(spacing: 13.3) {
HStack(spacing: 0) {
Text("지금 ")
.font(.custom(Font.bold.rawValue, size: 18.3))
.foregroundColor(Color(hex: "eeeeee"))
Text("예약중")
.font(.custom(Font.bold.rawValue, size: 18.3))
.foregroundColor(Color(hex: "3bb9f1"))
Spacer()
if items.count > 0 {
Text("전체보기")
.font(.custom(Font.light.rawValue, size: 11.3))
.foregroundColor(Color(hex: "bbbbbb"))
.onTapGesture {
AppState.shared.setAppStep(
step: .liveReservationAll(
onClickReservation: onClickReservation,
onClickStart: onClickStart,
onClickCancel: onClickCancel,
onTapCreateLive: onTapCreateLive
)
)
}
}
}
.padding(.horizontal, 13.3)
.frame(width: screenSize().width)
if items.count > 0 {
VStack(spacing: 13.3) {
ForEach(0..<items.count, id: \.self) { index in
let item = items[index]
if item.creatorId == UserDefaults.int(forKey: .userId) {
MyLiveReservationItemView(item: item, index: index)
.contentShape(Rectangle())
.onTapGesture {
AppState.shared.setAppStep(
step: .liveDetail(
roomId: item.roomId,
onClickParticipant: {},
onClickReservation: {},
onClickStart: { onClickStart(item.roomId) },
onClickCancel: onClickCancel
)
)
}
} else {
LiveReservationItemView(item: item)
.contentShape(Rectangle())
.onTapGesture {
AppState.shared.setAppStep(
step: .liveDetail(
roomId: item.roomId,
onClickParticipant: {},
onClickReservation: { onClickReservation(item.roomId) },
onClickStart: { onClickStart(item.roomId) },
onClickCancel: onClickCancel
)
)
}
}
}
}
.padding(.horizontal, 13.3)
.frame(width: screenSize().width)
} else {
VStack(spacing: 0) {
Image("ic_no_item")
.resizable()
.frame(width: 60, height: 60)
Text("지금 예약중인 라이브가 없습니다.\n채널을 팔로잉 하고 라이브 알림을 받아 보세요.")
.font(.custom(Font.medium.rawValue, size: 13))
.foregroundColor(Color(hex: "bbbbbb"))
.fixedSize(horizontal: false, vertical: true)
.multilineTextAlignment(.center)
.lineSpacing(8)
.padding(.vertical, 8)
}
.padding(.vertical, 16.7)
.frame(width: screenSize().width - 26.7)
.background(Color(hex: "13181b"))
.cornerRadius(4.7)
}
}
}
}
struct SectionLiveReservationView_Previews: PreviewProvider {
static var previews: some View {
SectionLiveReservationView(
items: [],
onClickCancel: {},
onClickStart: { _ in },
onClickReservation: { _ in },
onTapCreateLive: {}
)
}
}