feat: SettingsView에서 네트워크가 끊어지면 서버와 연관된 버튼들은 비활성화

Author: opficdev

DevLog/Presentation/ViewModel/SettingViewModel.swift

@@ -13,6 +13,7 @@ final class SettingViewModel: Store {
     struct State: Equatable {
         var theme: SystemTheme = .automatic
         var dirSize: Int64 = 0
+        var isNetworkConnected = true
         var isLoading = false
         var showAlert: Bool = false
         var alertTitle: String = ""
@@ -21,6 +22,7 @@ final class SettingViewModel: Store {
     }
 
     enum Action {
+        case networkStatusChanged(Bool)
         case setAlert(isPresented: Bool, type: AlertType? = nil)
         case setLoading(Bool)
         case setTheme(SystemTheme)
@@ -43,6 +45,7 @@ final class SettingViewModel: Store {
     private(set) var state = State()
     private let deleteAuthuseCase: DeleteAuthUseCase
     private let signOutUseCase: SignOutUseCase
+    private let networkConnectivityUseCase: ObserveNetworkConnectivityUseCase
     private let systemThemeUseCase: ObserveSystemThemeUseCase
     private let updateSystemThemeUseCase: UpdateSystemThemeUseCase
     private let loadingState = LoadingState()
@@ -55,13 +58,16 @@ final class SettingViewModel: Store {
     init(
         deleteAuthUseCase: DeleteAuthUseCase,
         signOutUseCase: SignOutUseCase,
+        networkConnectivityUseCase: ObserveNetworkConnectivityUseCase,
         systemThemeUseCase: ObserveSystemThemeUseCase,
         updateSystemThemeUseCase: UpdateSystemThemeUseCase
     ) {
         self.deleteAuthuseCase = deleteAuthUseCase
         self.signOutUseCase = signOutUseCase
+        self.networkConnectivityUseCase = networkConnectivityUseCase
         self.systemThemeUseCase = systemThemeUseCase
         self.updateSystemThemeUseCase = updateSystemThemeUseCase
+        setupNetworkObserving()
         setupThemeMonitoring()
     }
 
@@ -70,6 +76,8 @@ final class SettingViewModel: Store {
         var effects: [SideEffect] = []
 
         switch action {
+        case .networkStatusChanged(let isConnected):
+            state.isNetworkConnected = isConnected
         case .setAlert(let isPresented, let type):
             setAlert(&state, isPresented: isPresented, type: type)
         case .setLoading(let value):
@@ -164,6 +172,16 @@ private extension SettingViewModel {
             .store(in: &cancellables)
     }
 
+    func setupNetworkObserving() {
+        networkConnectivityUseCase.observe()
+            .removeDuplicates()
+            .receive(on: DispatchQueue.main)
+            .sink { [weak self] isConnected in
+                self?.send(.networkStatusChanged(isConnected))
+            }
+            .store(in: &cancellables)
+    }
+
     func dirSizeInBytes() -> Int64 {
         do {
             let cachesDir = try FileManager.default.url(

DevLog/UI/Home/TodoListView.swift

@@ -305,7 +305,6 @@ struct TodoListView: View {
                         .onChange(of: geometry.size.height, initial: true) { _, height in
                             headerHeight = height.rounded()
                         }
-
                 }
             }
         }

DevLog/UI/Profile/ProfileView.swift

@@ -98,6 +98,7 @@ struct ProfileView: View {
                     SettingView(viewModel: SettingViewModel(
                         deleteAuthUseCase: container.resolve(DeleteAuthUseCase.self),
                         signOutUseCase: container.resolve(SignOutUseCase.self),
+                        networkConnectivityUseCase: container.resolve(ObserveNetworkConnectivityUseCase.self),
                         systemThemeUseCase: container.resolve(ObserveSystemThemeUseCase.self),
                         updateSystemThemeUseCase: container.resolve(UpdateSystemThemeUseCase.self)
                     ))

DevLog/UI/Setting/SettingView.swift

@@ -33,6 +33,7 @@ struct SettingView: View {
                     Text("알림")
                         .foregroundStyle(Color.primary)
                 }
+                .disabled(!viewModel.state.isNetworkConnected)
 
                 let dirSize = viewModel.state.dirSize
                 Button {
@@ -85,11 +86,13 @@ struct SettingView: View {
                 } label: {
                     Text("계정 연동")
                 }
+                .disabled(!viewModel.state.isNetworkConnected)
                 Button(role: .destructive, action: {
                     viewModel.send(.setAlert(isPresented: true, type: .signOut))
                 }) {
                     Text("로그아웃")
                 }
+                .disabled(!viewModel.state.isNetworkConnected)
             }
 
             HStack {
@@ -100,6 +103,7 @@ struct SettingView: View {
                     Text("회원 탈퇴")
                         .font(.headline)
                 }
+                .disabled(!viewModel.state.isNetworkConnected)
                 Spacer()
             }
         }