feat: 프로필 쪽 네트워크를 감지하여 상태 메시지 잠금

Author: opficdev

DevLog/Presentation/ViewModel/ProfileViewModel.swift

@@ -6,12 +6,14 @@
 //
 
 import Foundation
+import Combine
 
 @Observable
 final class ProfileViewModel: Store {
     struct State: Equatable {
         var name: String = ""
         var email: String = ""
+        var isNetworkConnected: Bool = true
         var statusMessage: String = ""
         var avatarURL: URL?
         var earliestQuarterStart: Date?
@@ -31,6 +33,7 @@ final class ProfileViewModel: Store {
 
     enum Action {
         case onAppear
+        case networkStatusChanged(Bool)
         case setAlert(Bool)
         case tapResetStatusMessageButton
         case willUpdateStatusMessage
@@ -66,22 +69,27 @@ final class ProfileViewModel: Store {
     private let fetchUserDataUseCase: FetchUserDataUseCase
     private let fetchTodosUseCase: FetchTodosUseCase
     private let upsertStatusMessageUseCase: UpsertStatusMessageUseCase
+    private let networkConnectivityUseCase: ObserveNetworkConnectivityUseCase
     private let fetchHeatmapActivityTypesUseCase: FetchProfileHeatmapActivityTypesUseCase
     private let updateHeatmapActivityTypesUseCase: UpdateProfileHeatmapActivityTypesUseCase
     private let calendar = Calendar.current
+    private var cancellables = Set<AnyCancellable>()
 
     init(
         fetchUserDataUseCase: FetchUserDataUseCase,
         fetchTodosUseCase: FetchTodosUseCase,
         upsertStatusMessageUseCase: UpsertStatusMessageUseCase,
+        networkConnectivityUseCase: ObserveNetworkConnectivityUseCase,
         fetchHeatmapActivityTypesUseCase: FetchProfileHeatmapActivityTypesUseCase,
         updateHeatmapActivityTypesUseCase: UpdateProfileHeatmapActivityTypesUseCase
     ) {
         self.fetchUserDataUseCase = fetchUserDataUseCase
         self.fetchTodosUseCase = fetchTodosUseCase
         self.upsertStatusMessageUseCase = upsertStatusMessageUseCase
+        self.networkConnectivityUseCase = networkConnectivityUseCase
         self.fetchHeatmapActivityTypesUseCase = fetchHeatmapActivityTypesUseCase
         self.updateHeatmapActivityTypesUseCase = updateHeatmapActivityTypesUseCase
+        setupNetworkObserving()
     }
 
     // swiftlint:disable cyclomatic_complexity
@@ -107,6 +115,8 @@ final class ProfileViewModel: Store {
             if let selectedQuarterStart = state.selectedQuarterStart {
                 effects.append(.fetchCompletionQuarter(selectedQuarterStart))
             }
+        case .networkStatusChanged(let isConnected):
+            state.isNetworkConnected = isConnected
         case .setAlert(let isPresented):
             setAlert(&state, isPresented: isPresented)
         case .tapResetStatusMessageButton:
@@ -169,6 +179,7 @@ final class ProfileViewModel: Store {
             }
             effects = [.updateHeatmapActivityTypes(state.selectedActivityTypes)]
         case .willUpdateStatusMessage:
+            if !state.isNetworkConnected { break }
             let message = self.state.statusMessage
             effects = [.updateStatusMessage(message)]
         case .updateStatusMessage(let message):
@@ -237,6 +248,16 @@ final class ProfileViewModel: Store {
 }
 
 extension ProfileViewModel {
+    private func setupNetworkObserving() {
+        networkConnectivityUseCase.observe()
+            .removeDuplicates()
+            .receive(on: DispatchQueue.main)
+            .sink { [weak self] isConnected in
+                self?.send(.networkStatusChanged(isConnected))
+            }
+            .store(in: &cancellables)
+    }
+
     var quarterTitle: String {
         guard let start = state.selectedQuarterStart else { return "" }
         let year = calendar.component(.year, from: start)

DevLog/UI/Common/MainView.swift

@@ -54,6 +54,7 @@ struct MainView: View {
                 fetchUserDataUseCase: container.resolve(FetchUserDataUseCase.self),
                 fetchTodosUseCase: container.resolve(FetchTodosUseCase.self),
                 upsertStatusMessageUseCase: container.resolve(UpsertStatusMessageUseCase.self),
+                networkConnectivityUseCase: container.resolve(ObserveNetworkConnectivityUseCase.self),
                 fetchHeatmapActivityTypesUseCase: container.resolve(FetchProfileHeatmapActivityTypesUseCase.self),
                 updateHeatmapActivityTypesUseCase: container.resolve(UpdateProfileHeatmapActivityTypesUseCase.self)
             ))

DevLog/UI/Profile/ProfileView.swift

@@ -37,18 +37,19 @@ struct ProfileView: View {
                                 .foregroundStyle(Color.gray)
                         }
                     }
+                    let connected = viewModel.state.isNetworkConnected
                     HStack {
                         HStack {
                             Image(systemName: "face.smiling")
                             TextField(text: Binding(
                                 get: { viewModel.state.statusMessage },
                                 set: { viewModel.send(.updateStatusMessage($0)) })
                             ) {
-                                HStack {
-                                    Text("상태 설정")
-                                }
+                                Text("상태 설정")
                             }
+                            .frame(height: UIFont.preferredFont(forTextStyle: .body).lineHeight)
                             .focused($focused)
+                            .disabled(!connected)
 
                             if !viewModel.state.statusMessage.isEmpty && viewModel.state.showDoneButton {
                                 Button(action: {
@@ -63,7 +64,7 @@ struct ProfileView: View {
                         .padding(8)
                         .background(
                             RoundedRectangle(cornerRadius: 10)
-                                .fill(Color(UIColor.systemGray5))
+                                .fill(Color(.secondarySystemGroupedBackground))
                         )
                         if viewModel.state.showDoneButton {
                             Button(action: {
@@ -75,6 +76,7 @@ struct ProfileView: View {
                             .transition(.move(edge: .trailing).combined(with: .opacity))
                         }
                     }
+                    .opacity(connected ? 1 : 0.7)
                     activityHeatmapSection
                 }
                 .padding(.horizontal, 16)