sodalive-ios/SodaLive/Sources/Live/Now/SectionLiveNowView.swift

99 lines
3.7 KiB
Swift

//
// SectionLiveNowView.swift
// SodaLive
//
// Created by klaus on 2023/08/09.
//
import SwiftUI
struct SectionLiveNowView: View {
let items: [GetRoomListResponse]
let onClickParticipant: (Int) -> Void
let onTapCreateLive: () -> Void
var body: some View {
LazyVStack(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: "ff5c49"))
Spacer()
if items.count > 0 {
Text("전체보기")
.font(.custom(Font.light.rawValue, size: 11.3))
.foregroundColor(Color(hex: "bbbbbb"))
.onTapGesture { AppState.shared.setAppStep(step: .liveNowAll(onClickParticipant: onClickParticipant)) }
}
}
.padding(.horizontal, 13.3)
.frame(width: screenSize().width)
if items.count > 0 {
ScrollView(.horizontal, showsIndicators: false) {
HStack(alignment: .top, spacing: 10) {
ForEach(items, id: \.self) { item in
LiveNowItemView(item: item)
.contentShape(Rectangle())
.onTapGesture {
AppState.shared.setAppStep(
step: .liveDetail(
roomId: item.roomId,
onClickParticipant: {
AppState.shared.isShowPlayer = false
onClickParticipant(item.roomId)
},
onClickReservation: {},
onClickStart: {
},
onClickCancel: {
}
)
)
}
}
}
.padding(.horizontal, 13.3)
}
.padding(.top, 28.3)
} else {
VStack(spacing: 0) {
Image("ic_no_item")
.resizable()
.frame(width: 60, height: 60)
Text("🙀지금 참여가능한 라이브가 없습니다.\n채널을 팔로잉 하고 라이브 알림을 받아 보세요.")
.font(.custom(Font.medium.rawValue, size: 10.7))
.foregroundColor(Color(hex: "bbbbbb"))
.fixedSize(horizontal: false, vertical: true)
.multilineTextAlignment(.center)
.padding(.vertical, 8)
}
.padding(.vertical, 16.7)
.frame(width: screenSize().width - 26.7)
.background(Color(hex: "13181b"))
.cornerRadius(4.7)
.padding(.top, 28.3)
}
}
}
}
struct SectionLiveNowView_Previews: PreviewProvider {
static var previews: some View {
SectionLiveNowView(
items: [],
onClickParticipant: { _ in },
onTapCreateLive: {}
)
}
}