feat(creator): 채널 공통 셸을 분리한다
This commit is contained in:
@@ -1,114 +1,19 @@
|
||||
import SwiftUI
|
||||
|
||||
struct CreatorChannelHomeView: View {
|
||||
let creatorId: Int
|
||||
|
||||
@StateObject private var viewModel = CreatorChannelHomeViewModel()
|
||||
@Environment(\.dismiss) private var dismiss
|
||||
let response: CreatorChannelHomeResponse
|
||||
let onSelectTab: (CreatorChannelTab) -> Void
|
||||
|
||||
var body: some View {
|
||||
ZStack {
|
||||
Color.black.ignoresSafeArea()
|
||||
|
||||
VStack(spacing: 0) {
|
||||
titleBar
|
||||
tabBar
|
||||
|
||||
if viewModel.selectedTab != .home || viewModel.isApiFailedPlaceholderVisible {
|
||||
CreatorChannelPlaceholderTabView(title: viewModel.selectedTab.title)
|
||||
} else {
|
||||
homeContent
|
||||
}
|
||||
}
|
||||
|
||||
if viewModel.isLoading {
|
||||
LoadingView()
|
||||
}
|
||||
}
|
||||
.navigationBarBackButtonHidden(true)
|
||||
.onAppear {
|
||||
if viewModel.hasLoaded == false {
|
||||
viewModel.fetchHome(creatorId: creatorId)
|
||||
}
|
||||
}
|
||||
.sodaToast(isPresented: $viewModel.isShowPopup, message: viewModel.errorMessage, autohideIn: 1)
|
||||
}
|
||||
|
||||
private var titleBar: some View {
|
||||
HStack(spacing: 12) {
|
||||
Button {
|
||||
dismiss()
|
||||
} label: {
|
||||
Image(systemName: "chevron.left")
|
||||
.foregroundColor(.white)
|
||||
.frame(width: 44, height: 44)
|
||||
}
|
||||
|
||||
Spacer()
|
||||
|
||||
if let creator = viewModel.response?.creator {
|
||||
Button {
|
||||
if creator.isFollow {
|
||||
viewModel.unfollow(creatorId: creator.creatorId)
|
||||
} else {
|
||||
viewModel.follow(creatorId: creator.creatorId, notify: true)
|
||||
}
|
||||
} label: {
|
||||
Text(creator.isFollow ? I18n.CreatorChannelHome.following : I18n.CreatorChannelHome.follow)
|
||||
.font(.system(size: 13, weight: .semibold))
|
||||
.foregroundColor(creator.isFollow ? .white : .black)
|
||||
.padding(.horizontal, 12)
|
||||
.frame(height: 30)
|
||||
.background(creator.isFollow ? Color.gray33 : Color.soda400)
|
||||
.clipShape(Capsule())
|
||||
}
|
||||
}
|
||||
}
|
||||
.frame(height: 56)
|
||||
.padding(.horizontal, 8)
|
||||
.background(Color.black)
|
||||
}
|
||||
|
||||
private var tabBar: some View {
|
||||
ScrollView(.horizontal, showsIndicators: false) {
|
||||
HStack(spacing: 20) {
|
||||
ForEach(CreatorChannelHomeTab.allCases, id: \.self) { tab in
|
||||
Button {
|
||||
viewModel.selectedTab = tab
|
||||
} label: {
|
||||
VStack(spacing: 8) {
|
||||
Text(tab.title)
|
||||
.font(.system(size: 15, weight: viewModel.selectedTab == tab ? .semibold : .regular))
|
||||
.foregroundColor(viewModel.selectedTab == tab ? .white : Color.gray500)
|
||||
|
||||
Rectangle()
|
||||
.fill(viewModel.selectedTab == tab ? Color.soda400 : Color.clear)
|
||||
.frame(height: 2)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.padding(.horizontal, 20)
|
||||
}
|
||||
.frame(height: 48)
|
||||
.background(Color.black)
|
||||
}
|
||||
|
||||
private var homeContent: some View {
|
||||
ScrollView {
|
||||
VStack(alignment: .leading, spacing: 16) {
|
||||
if let creator = viewModel.response?.creator {
|
||||
Text(creator.nickname)
|
||||
.font(.system(size: 24, weight: .bold))
|
||||
.foregroundColor(.white)
|
||||
Text(response.creator.nickname)
|
||||
.font(.system(size: 24, weight: .bold))
|
||||
.foregroundColor(.white)
|
||||
|
||||
Text(I18n.CreatorChannelHome.followerCount(creator.followerCount.comma()))
|
||||
.font(.system(size: 14))
|
||||
.foregroundColor(Color.gray500)
|
||||
} else {
|
||||
CreatorChannelPlaceholderTabView(title: CreatorChannelHomeTab.home.title)
|
||||
.frame(minHeight: 240)
|
||||
}
|
||||
Text(I18n.CreatorChannelHome.followerCount(response.creator.followerCount.comma()))
|
||||
.font(.system(size: 14))
|
||||
.foregroundColor(Color.gray500)
|
||||
}
|
||||
.frame(maxWidth: .infinity, alignment: .leading)
|
||||
.padding(20)
|
||||
|
||||
@@ -1,147 +0,0 @@
|
||||
import Foundation
|
||||
import Combine
|
||||
|
||||
final class CreatorChannelHomeViewModel: ObservableObject {
|
||||
private let repository = CreatorChannelHomeRepository()
|
||||
private let userRepository = UserRepository()
|
||||
private var subscription = Set<AnyCancellable>()
|
||||
|
||||
@Published var isLoading = false
|
||||
@Published var response: CreatorChannelHomeResponse?
|
||||
@Published var hasLoaded = false
|
||||
@Published var selectedTab: CreatorChannelHomeTab = .home
|
||||
@Published var isApiFailedPlaceholderVisible = false
|
||||
@Published var errorMessage = ""
|
||||
@Published var isShowPopup = false
|
||||
|
||||
func fetchHome(creatorId: Int) {
|
||||
isLoading = true
|
||||
isApiFailedPlaceholderVisible = false
|
||||
|
||||
repository.getHome(creatorId: creatorId)
|
||||
.sink { [weak self] result in
|
||||
guard let self else { return }
|
||||
|
||||
switch result {
|
||||
case .finished:
|
||||
DEBUG_LOG("finish")
|
||||
case .failure(let error):
|
||||
ERROR_LOG(error.localizedDescription)
|
||||
self.applyApiFailedPlaceholderState()
|
||||
}
|
||||
} receiveValue: { [weak self] response in
|
||||
guard let self else { return }
|
||||
|
||||
do {
|
||||
let jsonDecoder = JSONDecoder()
|
||||
let decoded = try jsonDecoder.decode(ApiResponse<CreatorChannelHomeResponse>.self, from: response.data)
|
||||
|
||||
if let data = decoded.data, decoded.success {
|
||||
self.response = data
|
||||
self.selectedTab = .home
|
||||
self.isApiFailedPlaceholderVisible = false
|
||||
} else {
|
||||
if let message = decoded.message {
|
||||
ERROR_LOG(message)
|
||||
}
|
||||
self.applyApiFailedPlaceholderState()
|
||||
}
|
||||
} catch {
|
||||
ERROR_LOG(error.localizedDescription)
|
||||
self.applyApiFailedPlaceholderState()
|
||||
}
|
||||
|
||||
self.hasLoaded = true
|
||||
self.isLoading = false
|
||||
}
|
||||
.store(in: &subscription)
|
||||
}
|
||||
|
||||
func follow(creatorId: Int, notify: Bool = true) {
|
||||
isLoading = true
|
||||
|
||||
userRepository.creatorFollow(creatorId: creatorId, follow: true, notify: notify)
|
||||
.sink { [weak self] result in
|
||||
guard let self else { return }
|
||||
|
||||
switch result {
|
||||
case .finished:
|
||||
DEBUG_LOG("finish")
|
||||
case .failure(let error):
|
||||
ERROR_LOG(error.localizedDescription)
|
||||
self.isLoading = false
|
||||
}
|
||||
} receiveValue: { [weak self] response in
|
||||
guard let self else { return }
|
||||
|
||||
do {
|
||||
let jsonDecoder = JSONDecoder()
|
||||
let decoded = try jsonDecoder.decode(ApiResponseWithoutData.self, from: response.data)
|
||||
|
||||
if decoded.success {
|
||||
self.updateCreatorFollowState(isFollow: true, isNotify: notify)
|
||||
} else {
|
||||
self.errorMessage = decoded.message ?? I18n.Common.commonError
|
||||
self.isShowPopup = true
|
||||
}
|
||||
} catch {
|
||||
ERROR_LOG(error.localizedDescription)
|
||||
self.errorMessage = I18n.Common.commonError
|
||||
self.isShowPopup = true
|
||||
}
|
||||
|
||||
self.isLoading = false
|
||||
}
|
||||
.store(in: &subscription)
|
||||
}
|
||||
|
||||
func unfollow(creatorId: Int) {
|
||||
isLoading = true
|
||||
|
||||
userRepository.creatorUnFollow(creatorId: creatorId)
|
||||
.sink { [weak self] result in
|
||||
guard let self else { return }
|
||||
|
||||
switch result {
|
||||
case .finished:
|
||||
DEBUG_LOG("finish")
|
||||
case .failure(let error):
|
||||
ERROR_LOG(error.localizedDescription)
|
||||
self.isLoading = false
|
||||
}
|
||||
} receiveValue: { [weak self] response in
|
||||
guard let self else { return }
|
||||
|
||||
do {
|
||||
let jsonDecoder = JSONDecoder()
|
||||
let decoded = try jsonDecoder.decode(ApiResponseWithoutData.self, from: response.data)
|
||||
|
||||
if decoded.success {
|
||||
self.updateCreatorFollowState(isFollow: false, isNotify: false)
|
||||
} else {
|
||||
self.errorMessage = decoded.message ?? I18n.Common.commonError
|
||||
self.isShowPopup = true
|
||||
}
|
||||
} catch {
|
||||
ERROR_LOG(error.localizedDescription)
|
||||
self.errorMessage = I18n.Common.commonError
|
||||
self.isShowPopup = true
|
||||
}
|
||||
|
||||
self.isLoading = false
|
||||
}
|
||||
.store(in: &subscription)
|
||||
}
|
||||
|
||||
private func applyApiFailedPlaceholderState() {
|
||||
response = nil
|
||||
isApiFailedPlaceholderVisible = true
|
||||
hasLoaded = true
|
||||
isLoading = false
|
||||
}
|
||||
|
||||
private func updateCreatorFollowState(isFollow: Bool, isNotify: Bool) {
|
||||
response?.creator.isFollow = isFollow
|
||||
response?.creator.isNotify = isNotify
|
||||
}
|
||||
}
|
||||
@@ -1,30 +0,0 @@
|
||||
import Foundation
|
||||
|
||||
enum CreatorChannelHomeTab: CaseIterable, Hashable {
|
||||
case home
|
||||
case live
|
||||
case audio
|
||||
case series
|
||||
case community
|
||||
case fanTalk
|
||||
case donation
|
||||
|
||||
var title: String {
|
||||
switch self {
|
||||
case .home:
|
||||
return "홈"
|
||||
case .live:
|
||||
return "라이브"
|
||||
case .audio:
|
||||
return "오디오"
|
||||
case .series:
|
||||
return "시리즈"
|
||||
case .community:
|
||||
return "커뮤니티"
|
||||
case .fanTalk:
|
||||
return "팬Talk"
|
||||
case .donation:
|
||||
return "후원"
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user