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

SodaLive/Sources/V2/Main/Home/Ranking/MainHomeRankingView.swift

@@ -15,10 +15,9 @@ struct MainHomeRankingView: View {
                 .ignoresSafeArea()
 
             if viewModel.isLoading && !viewModel.hasLoaded {
-                ProgressView()
-                    .progressViewStyle(CircularProgressViewStyle(tint: .white))
+                loadingContent
             } else if viewModel.items.isEmpty {
-                MainHomeRankingEmptyStateView()
+                emptyContent
             } else {
                 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 {
         ScrollView(showsIndicators: false) {
             VStack(alignment: .leading, spacing: SodaSpacing.s8) {
@@ -83,6 +96,21 @@ struct MainHomeRankingView: View {
             .padding(.horizontal, SodaSpacing.s8)
             .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] {

SodaLive/Sources/V2/Main/Home/Ranking/MainHomeRankingViewModel.swift

@@ -17,18 +17,16 @@ final class MainHomeRankingViewModel: ObservableObject {
 
         repository.getCreatorRankings()
             .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.items = []
-                    self.showRankChange = false
-                    self.emptyMessage = I18n.HomeRanking.emptyStateMessage
-                    self.hasLoaded = true
-                    self.isLoading = false
+                    self?.items = []
+                    self?.showRankChange = false
+                    self?.emptyMessage = I18n.HomeRanking.emptyStateMessage
+                    self?.hasLoaded = true
+                    self?.isLoading = false
                 }
             } receiveValue: { [weak self] response in
                 guard let self else { return }
@@ -60,4 +58,14 @@ final class MainHomeRankingViewModel: ObservableObject {
             }
             .store(in: &subscription)
     }
+
+    func refresh() async {
+        if !isLoading {
+            fetchRankings()
+        }
+
+        for await isLoading in $isLoading.values {
+            if !isLoading { return }
+        }
+    }
 }