feat(home): 홈 탭 당겨서 새로고침을 추가한다
This commit is contained in:
@@ -46,18 +46,15 @@ struct MainHomeFollowingView: View {
|
|||||||
|
|
||||||
@ViewBuilder
|
@ViewBuilder
|
||||||
private var content: some View {
|
private var content: some View {
|
||||||
if viewModel.isLoading {
|
if viewModel.isLoading && !viewModel.hasLoaded {
|
||||||
ProgressView()
|
loadingContent
|
||||||
.tint(.white)
|
|
||||||
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
|
||||||
.background(Color.black)
|
|
||||||
} else if viewModel.isLoginRequired {
|
} else if viewModel.isLoginRequired {
|
||||||
MainHomeFollowingEmptyStateView(
|
emptyContent(
|
||||||
message: I18n.HomeFollowing.loginRequiredMessage,
|
message: I18n.HomeFollowing.loginRequiredMessage,
|
||||||
loginAction: onTapLogin
|
loginAction: onTapLogin
|
||||||
)
|
)
|
||||||
} else if !viewModel.message.isEmpty {
|
} else if !viewModel.message.isEmpty {
|
||||||
MainHomeFollowingEmptyStateView(message: viewModel.message)
|
emptyContent(message: viewModel.message)
|
||||||
} else if let response = viewModel.response {
|
} else if let response = viewModel.response {
|
||||||
ScrollView(.vertical, showsIndicators: false) {
|
ScrollView(.vertical, showsIndicators: false) {
|
||||||
VStack(spacing: 0) {
|
VStack(spacing: 0) {
|
||||||
@@ -107,8 +104,41 @@ struct MainHomeFollowingView: View {
|
|||||||
.padding(.bottom, SodaSpacing.s20)
|
.padding(.bottom, SodaSpacing.s20)
|
||||||
}
|
}
|
||||||
.background(Color.black)
|
.background(Color.black)
|
||||||
|
.refreshable {
|
||||||
|
await viewModel.refresh()
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
MainHomeFollowingEmptyStateView(message: I18n.HomeFollowing.emptyStateMessage)
|
emptyContent(message: I18n.HomeFollowing.emptyStateMessage)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private var loadingContent: some View {
|
||||||
|
GeometryReader { geometry in
|
||||||
|
ScrollView(showsIndicators: false) {
|
||||||
|
ProgressView()
|
||||||
|
.tint(.white)
|
||||||
|
.frame(maxWidth: .infinity)
|
||||||
|
.frame(minHeight: geometry.size.height)
|
||||||
|
}
|
||||||
|
.background(Color.black)
|
||||||
|
.refreshable {
|
||||||
|
await viewModel.refresh()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private func emptyContent(message: String, loginAction: (() -> Void)? = nil) -> some View {
|
||||||
|
GeometryReader { geometry in
|
||||||
|
ScrollView(showsIndicators: false) {
|
||||||
|
MainHomeFollowingEmptyStateView(
|
||||||
|
message: message,
|
||||||
|
loginAction: loginAction
|
||||||
|
)
|
||||||
|
.frame(minHeight: geometry.size.height)
|
||||||
|
}
|
||||||
|
.refreshable {
|
||||||
|
await viewModel.refresh()
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -17,18 +17,16 @@ final class MainHomeFollowingViewModel: ObservableObject {
|
|||||||
|
|
||||||
repository.getFollowing()
|
repository.getFollowing()
|
||||||
.sink { [weak self] result in
|
.sink { [weak self] result in
|
||||||
guard let self else { return }
|
|
||||||
|
|
||||||
switch result {
|
switch result {
|
||||||
case .finished:
|
case .finished:
|
||||||
DEBUG_LOG("finish")
|
DEBUG_LOG("finish")
|
||||||
case .failure(let error):
|
case .failure(let error):
|
||||||
ERROR_LOG(error.localizedDescription)
|
ERROR_LOG(error.localizedDescription)
|
||||||
self.response = nil
|
self?.response = nil
|
||||||
self.isLoginRequired = false
|
self?.isLoginRequired = false
|
||||||
self.message = I18n.HomeFollowing.loadFailedMessage
|
self?.message = I18n.HomeFollowing.loadFailedMessage
|
||||||
self.hasLoaded = true
|
self?.hasLoaded = true
|
||||||
self.isLoading = false
|
self?.isLoading = false
|
||||||
}
|
}
|
||||||
} receiveValue: { [weak self] response in
|
} receiveValue: { [weak self] response in
|
||||||
guard let self else { return }
|
guard let self else { return }
|
||||||
@@ -60,6 +58,16 @@ final class MainHomeFollowingViewModel: ObservableObject {
|
|||||||
}
|
}
|
||||||
.store(in: &subscription)
|
.store(in: &subscription)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
func refresh() async {
|
||||||
|
if !isLoading {
|
||||||
|
fetchFollowing()
|
||||||
|
}
|
||||||
|
|
||||||
|
for await isLoading in $isLoading.values {
|
||||||
|
if !isLoading { return }
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
private extension HomeFollowingTabResponse {
|
private extension HomeFollowingTabResponse {
|
||||||
|
|||||||
@@ -15,10 +15,9 @@ struct MainHomeRankingView: View {
|
|||||||
.ignoresSafeArea()
|
.ignoresSafeArea()
|
||||||
|
|
||||||
if viewModel.isLoading && !viewModel.hasLoaded {
|
if viewModel.isLoading && !viewModel.hasLoaded {
|
||||||
ProgressView()
|
loadingContent
|
||||||
.progressViewStyle(CircularProgressViewStyle(tint: .white))
|
|
||||||
} else if viewModel.items.isEmpty {
|
} else if viewModel.items.isEmpty {
|
||||||
MainHomeRankingEmptyStateView()
|
emptyContent
|
||||||
} else {
|
} else {
|
||||||
rankingContent
|
rankingContent
|
||||||
}
|
}
|
||||||
@@ -30,6 +29,20 @@ struct MainHomeRankingView: View {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
private var loadingContent: some View {
|
||||||
|
GeometryReader { geometry in
|
||||||
|
ScrollView(showsIndicators: false) {
|
||||||
|
ProgressView()
|
||||||
|
.progressViewStyle(CircularProgressViewStyle(tint: .white))
|
||||||
|
.frame(maxWidth: .infinity)
|
||||||
|
.frame(minHeight: geometry.size.height)
|
||||||
|
}
|
||||||
|
.refreshable {
|
||||||
|
await viewModel.refresh()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
private var rankingContent: some View {
|
private var rankingContent: some View {
|
||||||
ScrollView(showsIndicators: false) {
|
ScrollView(showsIndicators: false) {
|
||||||
VStack(alignment: .leading, spacing: SodaSpacing.s8) {
|
VStack(alignment: .leading, spacing: SodaSpacing.s8) {
|
||||||
@@ -83,6 +96,21 @@ struct MainHomeRankingView: View {
|
|||||||
.padding(.horizontal, SodaSpacing.s8)
|
.padding(.horizontal, SodaSpacing.s8)
|
||||||
.padding(.vertical, SodaSpacing.s20)
|
.padding(.vertical, SodaSpacing.s20)
|
||||||
}
|
}
|
||||||
|
.refreshable {
|
||||||
|
await viewModel.refresh()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private var emptyContent: some View {
|
||||||
|
GeometryReader { geometry in
|
||||||
|
ScrollView(showsIndicators: false) {
|
||||||
|
MainHomeRankingEmptyStateView()
|
||||||
|
.frame(minHeight: geometry.size.height)
|
||||||
|
}
|
||||||
|
.refreshable {
|
||||||
|
await viewModel.refresh()
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
private var twoColumns: [GridItem] {
|
private var twoColumns: [GridItem] {
|
||||||
|
|||||||
@@ -17,18 +17,16 @@ final class MainHomeRankingViewModel: ObservableObject {
|
|||||||
|
|
||||||
repository.getCreatorRankings()
|
repository.getCreatorRankings()
|
||||||
.sink { [weak self] result in
|
.sink { [weak self] result in
|
||||||
guard let self else { return }
|
|
||||||
|
|
||||||
switch result {
|
switch result {
|
||||||
case .finished:
|
case .finished:
|
||||||
DEBUG_LOG("finish")
|
DEBUG_LOG("finish")
|
||||||
case .failure(let error):
|
case .failure(let error):
|
||||||
ERROR_LOG(error.localizedDescription)
|
ERROR_LOG(error.localizedDescription)
|
||||||
self.items = []
|
self?.items = []
|
||||||
self.showRankChange = false
|
self?.showRankChange = false
|
||||||
self.emptyMessage = I18n.HomeRanking.emptyStateMessage
|
self?.emptyMessage = I18n.HomeRanking.emptyStateMessage
|
||||||
self.hasLoaded = true
|
self?.hasLoaded = true
|
||||||
self.isLoading = false
|
self?.isLoading = false
|
||||||
}
|
}
|
||||||
} receiveValue: { [weak self] response in
|
} receiveValue: { [weak self] response in
|
||||||
guard let self else { return }
|
guard let self else { return }
|
||||||
@@ -60,4 +58,14 @@ final class MainHomeRankingViewModel: ObservableObject {
|
|||||||
}
|
}
|
||||||
.store(in: &subscription)
|
.store(in: &subscription)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
func refresh() async {
|
||||||
|
if !isLoading {
|
||||||
|
fetchRankings()
|
||||||
|
}
|
||||||
|
|
||||||
|
for await isLoading in $isLoading.values {
|
||||||
|
if !isLoading { return }
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -18,9 +18,8 @@ struct MainHomeRecommendationView: View {
|
|||||||
Color.black
|
Color.black
|
||||||
.ignoresSafeArea()
|
.ignoresSafeArea()
|
||||||
|
|
||||||
if viewModel.isLoading && viewModel.recommendations == nil {
|
if viewModel.isLoading && viewModel.recommendations == nil && viewModel.errorMessage.isEmpty {
|
||||||
ProgressView()
|
loadingContent
|
||||||
.progressViewStyle(CircularProgressViewStyle(tint: .white))
|
|
||||||
} else {
|
} else {
|
||||||
ScrollView(showsIndicators: false) {
|
ScrollView(showsIndicators: false) {
|
||||||
VStack(alignment: .leading, spacing: SodaSpacing.s24) {
|
VStack(alignment: .leading, spacing: SodaSpacing.s24) {
|
||||||
@@ -83,6 +82,9 @@ struct MainHomeRecommendationView: View {
|
|||||||
}
|
}
|
||||||
.padding(.vertical, SodaSpacing.s20)
|
.padding(.vertical, SodaSpacing.s20)
|
||||||
}
|
}
|
||||||
|
.refreshable {
|
||||||
|
await viewModel.refresh()
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.onAppear {
|
.onAppear {
|
||||||
@@ -114,6 +116,20 @@ struct MainHomeRecommendationView: View {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
private var loadingContent: some View {
|
||||||
|
GeometryReader { geometry in
|
||||||
|
ScrollView(showsIndicators: false) {
|
||||||
|
ProgressView()
|
||||||
|
.progressViewStyle(CircularProgressViewStyle(tint: .white))
|
||||||
|
.frame(maxWidth: .infinity)
|
||||||
|
.frame(minHeight: geometry.size.height)
|
||||||
|
}
|
||||||
|
.refreshable {
|
||||||
|
await viewModel.refresh()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
struct MainHomeRecommendationView_Previews: PreviewProvider {
|
struct MainHomeRecommendationView_Previews: PreviewProvider {
|
||||||
|
|||||||
@@ -21,16 +21,14 @@ final class MainHomeRecommendationViewModel: ObservableObject {
|
|||||||
|
|
||||||
repository.getRecommendations()
|
repository.getRecommendations()
|
||||||
.sink { [weak self] result in
|
.sink { [weak self] result in
|
||||||
guard let self else { return }
|
|
||||||
|
|
||||||
switch result {
|
switch result {
|
||||||
case .finished:
|
case .finished:
|
||||||
DEBUG_LOG("finish")
|
DEBUG_LOG("finish")
|
||||||
case .failure(let error):
|
case .failure(let error):
|
||||||
ERROR_LOG(error.localizedDescription)
|
ERROR_LOG(error.localizedDescription)
|
||||||
self.errorMessage = I18n.Common.commonError
|
self?.errorMessage = I18n.Common.commonError
|
||||||
self.isShowPopup = true
|
self?.isShowPopup = true
|
||||||
self.isLoading = false
|
self?.isLoading = false
|
||||||
}
|
}
|
||||||
} receiveValue: { [weak self] response in
|
} receiveValue: { [weak self] response in
|
||||||
guard let self else { return }
|
guard let self else { return }
|
||||||
@@ -58,6 +56,16 @@ final class MainHomeRecommendationViewModel: ObservableObject {
|
|||||||
.store(in: &subscription)
|
.store(in: &subscription)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
func refresh() async {
|
||||||
|
if !isLoading {
|
||||||
|
fetchRecommendations()
|
||||||
|
}
|
||||||
|
|
||||||
|
for await isLoading in $isLoading.values {
|
||||||
|
if !isLoading { return }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
func followAll(creatorIds: [Int], completionKey: String) {
|
func followAll(creatorIds: [Int], completionKey: String) {
|
||||||
guard !creatorIds.isEmpty, !completionKey.isEmpty else { return }
|
guard !creatorIds.isEmpty, !completionKey.isEmpty else { return }
|
||||||
guard !completedFollowKeys.contains(completionKey), !followingKeys.contains(completionKey) else { return }
|
guard !completedFollowKeys.contains(completionKey), !followingKeys.contains(completionKey) else { return }
|
||||||
|
|||||||
Reference in New Issue
Block a user