feat(home): 홈 탭 당겨서 새로고침을 추가한다

This commit is contained in:
Yu Sung
2026-08-18 13:29:55 +09:00
parent 9297cd28f9
commit d2561272c0
6 changed files with 131 additions and 33 deletions

View File

@@ -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()
}
} }
} }
} }

View File

@@ -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 {

View File

@@ -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] {

View File

@@ -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 }
}
}
} }

View File

@@ -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 {

View File

@@ -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 }