239 lines
10 KiB
Swift
239 lines
10 KiB
Swift
//
|
|
// ContentMainTabHomeView.swift
|
|
// SodaLive
|
|
//
|
|
// Created by klaus on 2/20/25.
|
|
//
|
|
|
|
import SwiftUI
|
|
|
|
struct ContentMainTabHomeView: View {
|
|
|
|
@StateObject var viewModel = ContentMainTabHomeViewModel()
|
|
|
|
var body: some View {
|
|
BaseView(isLoading: $viewModel.isLoading) {
|
|
ScrollView(.vertical, showsIndicators: false) {
|
|
VStack(alignment: .leading, spacing: 0) {
|
|
HStack(spacing: 0) {
|
|
Text("콘텐츠 마켓")
|
|
.font(.custom(Font.bold.rawValue, size: 21.3))
|
|
.foregroundColor(Color.button)
|
|
|
|
Spacer()
|
|
|
|
Image("ic_content_keep")
|
|
.onTapGesture {
|
|
AppState.shared.setAppStep(step: .myBox(currentTab: .orderlist))
|
|
}
|
|
}
|
|
.padding(.bottom, 26.7)
|
|
.padding(.horizontal, 13.3)
|
|
|
|
if let notice = viewModel.noticeItem {
|
|
ContentMainTabHomeNoticeView(notice: notice) {
|
|
AppState.shared
|
|
.setAppStep(step: .noticeDetail(notice: $0))
|
|
}
|
|
.padding(.horizontal, 13.3)
|
|
}
|
|
|
|
if viewModel.bannerList.count > 0 {
|
|
ContentMainBannerViewV2(bannerList: viewModel.bannerList)
|
|
.padding(.top, 30)
|
|
.padding(.horizontal, 13.3)
|
|
}
|
|
|
|
HStack(spacing: 0) {
|
|
Image("ic_title_search_black")
|
|
|
|
Text("채널명을 입력해 보세요")
|
|
.font(.custom(Font.medium.rawValue, size: 13.3))
|
|
.foregroundColor(Color.gray55)
|
|
.keyboardType(.default)
|
|
.padding(.horizontal, 13.3)
|
|
|
|
Spacer()
|
|
}
|
|
.padding(.horizontal, 21.3)
|
|
.frame(height: 50)
|
|
.frame(maxWidth: .infinity)
|
|
.background(Color.gray22)
|
|
.overlay(
|
|
RoundedRectangle(cornerRadius: 6.7)
|
|
.strokeBorder(lineWidth: 1)
|
|
.foregroundColor(Color.graybb)
|
|
)
|
|
.padding(.top, 30)
|
|
.padding(.horizontal, 13.3)
|
|
.onTapGesture {
|
|
UserDefaults.set("", forKey: .searchChannel)
|
|
AppState.shared.setAppStep(step: .searchChannel)
|
|
}
|
|
|
|
VStack(spacing: 13.3) {
|
|
HStack(spacing: 0) {
|
|
ContentMainTabCategoryView(
|
|
imageName: "ic_category_series",
|
|
title: "시리즈",
|
|
onClick: {}
|
|
)
|
|
.frame(maxWidth: .infinity)
|
|
|
|
ContentMainTabCategoryView(
|
|
imageName: "ic_category_content",
|
|
title: "단편",
|
|
onClick: {}
|
|
)
|
|
.frame(maxWidth: .infinity)
|
|
|
|
ContentMainTabCategoryView(
|
|
imageName: "ic_category_audio_book",
|
|
title: "오디오북",
|
|
onClick: {}
|
|
)
|
|
.frame(maxWidth: .infinity)
|
|
|
|
ContentMainTabCategoryView(
|
|
imageName: "ic_category_alarm",
|
|
title: "모닝콜",
|
|
onClick: {}
|
|
)
|
|
.frame(maxWidth: .infinity)
|
|
}
|
|
|
|
HStack(spacing: 0) {
|
|
ContentMainTabCategoryView(
|
|
imageName: "ic_category_asmr",
|
|
title: "ASMR",
|
|
onClick: {}
|
|
)
|
|
.frame(maxWidth: .infinity)
|
|
|
|
ContentMainTabCategoryView(
|
|
imageName: "ic_category_replay",
|
|
title: "다시듣기",
|
|
onClick: {}
|
|
)
|
|
.frame(maxWidth: .infinity)
|
|
|
|
ContentMainTabCategoryView(
|
|
imageName: "ic_category_audio_toon",
|
|
title: "오디오툰",
|
|
onClick: {}
|
|
)
|
|
.frame(maxWidth: .infinity)
|
|
|
|
ContentMainTabCategoryView(
|
|
imageName: "ic_category_free",
|
|
title: "무료",
|
|
onClick: {}
|
|
)
|
|
.frame(maxWidth: .infinity)
|
|
}
|
|
}
|
|
.padding(.vertical, 13.3)
|
|
.background(Color.gray22)
|
|
.cornerRadius(5.3)
|
|
.padding(.top, 30)
|
|
.padding(.horizontal, 13.3)
|
|
|
|
if let response = viewModel.rankCreatorResponse {
|
|
ContentMainTabHomeRankCreatorView(response: response)
|
|
.padding(.top, 30)
|
|
.padding(.horizontal, 13.3)
|
|
}
|
|
|
|
if !viewModel.rankSeriesList.isEmpty {
|
|
ContentMainTabHomeRankSeriesView(seriesList: viewModel.rankSeriesList)
|
|
.padding(.top, 30)
|
|
.padding(.horizontal, 13.3)
|
|
}
|
|
|
|
if !viewModel.rankSortTypeList.isEmpty {
|
|
ContentMainTabRankContentView(
|
|
title: "인기 단편",
|
|
isMore: true,
|
|
onClickMore: {
|
|
AppState.shared.setAppStep(step: .contentRankingAll)
|
|
},
|
|
sortList: !viewModel.rankSortTypeList.isEmpty ?
|
|
viewModel.rankSortTypeList :
|
|
[],
|
|
onClickSort: { viewModel.getContentRanking(sort: $0) },
|
|
contentList: viewModel.rankContentList
|
|
)
|
|
.padding(.top, 30)
|
|
.padding(.horizontal, 13.3)
|
|
}
|
|
|
|
if viewModel.eventBannerList.count > 0 {
|
|
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.contentRankCreatorList.isEmpty {
|
|
ContentByChannelView(
|
|
title: "채널별 인기 콘텐츠",
|
|
creatorList: viewModel.contentRankCreatorList,
|
|
contentList: viewModel.salesCountRankContentList,
|
|
onClickCreator: {
|
|
viewModel.getPopularContentByCreator(creatorId: $0)
|
|
}
|
|
)
|
|
.padding(.top, 30)
|
|
.padding(.horizontal, 13.3)
|
|
}
|
|
|
|
Text("""
|
|
- 회사명 : 주식회사 소다라이브
|
|
|
|
- 대표자 : 이재형
|
|
|
|
- 주소 : 경기도 성남시 분당구 황새울로335번길 10, 5층 563A호
|
|
|
|
- 사업자등록번호 : 870-81-03220
|
|
|
|
- 통신판매업신고 : 제2024-성남분당B-1012호
|
|
|
|
- 고객센터 : 02.2055.1477 (이용시간 10:00~19:00)
|
|
|
|
- 대표 이메일 : sodalive.official@gmail.com
|
|
""")
|
|
.font(.custom(Font.medium.rawValue, size: 11))
|
|
.foregroundColor(Color.gray77)
|
|
.padding(.top, 30)
|
|
.padding(.horizontal, 13.3)
|
|
}
|
|
.onAppear {
|
|
viewModel.fetchData()
|
|
}
|
|
}
|
|
.popup(isPresented: $viewModel.isShowPopup, type: .toast, position: .bottom, autohideIn: 2) {
|
|
HStack {
|
|
Spacer()
|
|
Text(viewModel.errorMessage)
|
|
.padding(.vertical, 13.3)
|
|
.frame(width: screenSize().width - 66.7, alignment: .center)
|
|
.font(.custom(Font.medium.rawValue, size: 12))
|
|
.background(Color.button)
|
|
.foregroundColor(Color.white)
|
|
.multilineTextAlignment(.leading)
|
|
.cornerRadius(20)
|
|
.padding(.bottom, 66.7)
|
|
Spacer()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#Preview {
|
|
ContentMainTabHomeView()
|
|
}
|