feat: 시트 내 변동 값으로 서버에 업데이트 하고, 시트가 닫힐 때 적절한 값으로 부모 뷰 값 업데이트

Author: opficdev

DevLog/Presentation/ViewModel/PushNotificationSettingsViewModel.swift

@@ -10,7 +10,8 @@ import Foundation
 final class PushNotificationSettingsViewModel: Store {
     struct State {
         var pushNotificationEnable: Bool = false
-        var pushNotificationTime: Date = .init()
+        var viewPushNotificationTime: Date = .init()
+        var sheetPushNotificationTime: Date = .init()
         var showTimePicker: Bool = false
         var isLoading: Bool = false
         var sheetHeight: CGFloat = .pi
@@ -19,10 +20,10 @@ final class PushNotificationSettingsViewModel: Store {
         var alertTitle: String = ""
         var alertMessage: String = ""
         var pushNotificationHour: Int {
-            Calendar.current.component(.hour, from: pushNotificationTime)
+            Calendar.current.component(.hour, from: viewPushNotificationTime)
         }
         var pushNotificationMinute: Int {
-            Calendar.current.component(.minute, from: pushNotificationTime)
+            Calendar.current.component(.minute, from: viewPushNotificationTime)
         }
     }
 
@@ -32,18 +33,20 @@ final class PushNotificationSettingsViewModel: Store {
         case setLoading(Bool)
         case setPushNotificationEnable(Bool)
         case setPushNotificationHour(Int)
-        case setPushNotificationTime(Date)
+        case setPushNotificationTime(view: Date? = nil, sheet: Date? = nil)
         case setShowTimePicker(Bool)
         case setSheetHeight(CGFloat)
+        case confirmUpdate
+        case rollbackUpdate
     }
 
     enum SideEffect {
         case fetchPushNotificationSettings
         case updatePushNotificationSettings
     }
 
-    private let calendar = Calendar.current
     @Published private(set) var state: State = .init()
+    private let calendar = Calendar.current
     private let fetchPushSettingsUseCase: FetchPushSettingsUseCase
     private let updatePushSettingsUseCase: UpdatePushSettingsUseCase
 
@@ -57,6 +60,7 @@ final class PushNotificationSettingsViewModel: Store {
 
     func reduce(with action: Action) -> [SideEffect] {
         var state = self.state
+        var effects: [SideEffect] = []
         switch action {
         case .onAppear:
             return [.fetchPushNotificationSettings]
@@ -65,28 +69,37 @@ final class PushNotificationSettingsViewModel: Store {
         case .setLoading(let value):
             state.isLoading = value
         case .setPushNotificationEnable(let value):
-            self.state.pushNotificationEnable = value
-            return [.updatePushNotificationSettings]
+            state.pushNotificationEnable = value
         case .setPushNotificationHour(let value):
             //  시간만 변경
             if let newDate = calendar.date(
                 bySettingHour: value,
                 minute: 0, second: 0,
-                of: state.pushNotificationTime
+                of: state.viewPushNotificationTime
             ) {
-                self.state.pushNotificationTime = newDate
-                return [.updatePushNotificationSettings]
+                state.viewPushNotificationTime = newDate
+            }
+        case .setPushNotificationTime(let view, let sheet):
+            if let value = view {
+                state.viewPushNotificationTime = value
+            }
+            if let value = sheet {
+                state.sheetPushNotificationTime = value
             }
-        case .setPushNotificationTime(let value):
-            self.state.pushNotificationTime = value
-            return [.updatePushNotificationSettings]
         case .setShowTimePicker(let value):
             state.showTimePicker = value
         case .setSheetHeight(let value):
             state.sheetHeight = value
+        case .confirmUpdate:
+            state.showTimePicker = false
+            state.viewPushNotificationTime = state.sheetPushNotificationTime
+            effects = [.updatePushNotificationSettings]
+        case .rollbackUpdate:
+            state.showTimePicker = false
+            state.sheetPushNotificationTime = state.viewPushNotificationTime
         }
         self.state = state
-        return []
+        return effects
     }
 
     func run(_ effect: SideEffect) {
@@ -101,7 +114,7 @@ final class PushNotificationSettingsViewModel: Store {
                     if let hour = settings.scheduledTime.hour,
                        let minute = settings.scheduledTime.minute,
                        let date = calendar.date(bySettingHour: hour, minute: minute, second: 0, of: Date()) {
-                        self.send(.setPushNotificationTime(date))
+                        self.send(.setPushNotificationTime(view: date, sheet: date))
                     }
                 } catch {
                     send(.setAlert(true))
@@ -112,7 +125,10 @@ final class PushNotificationSettingsViewModel: Store {
                 do {
                     defer { send(.setLoading(false)) }
                     send(.setLoading(true))
-                    let dateComponents = calendar.dateComponents([.hour, .minute], from: state.pushNotificationTime)
+                    let dateComponents = calendar.dateComponents(
+                        [.hour, .minute],
+                        from: state.sheetPushNotificationTime
+                    )
                     let settings = PushNotificationSettings(
                         isEnabled: state.pushNotificationEnable,
                         scheduledTime: dateComponents

DevLog/UI/Setting/PushNotificationSettingsView.swift

@@ -37,14 +37,15 @@ struct PushNotificationSettingsView: View {
                         }
                         .contentShape(Rectangle())
                         .onTapGesture {
-                            viewModel.send(.setPushNotificationHour(hour))
+                            viewModel.send(.setPushNotificationTime(sheet: date))
+                            viewModel.send(.confirmUpdate)
                         }
                     }
                 }
                 HStack {
                     Text("사용자 설정")
                     Spacer()
-                    Text(formattedTimeString(viewModel.state.pushNotificationTime))
+                    Text(formattedTimeString(viewModel.state.viewPushNotificationTime))
                         .foregroundStyle(.secondary)
                     if viewModel.state.pushNotificationMinute != 0 {
                         Image(systemName: "checkmark")
@@ -71,14 +72,14 @@ struct PushNotificationSettingsView: View {
         }
         .sheet(isPresented: Binding(
             get: { viewModel.state.showTimePicker },
-            set: { _ in viewModel.send(.setShowTimePicker(false)) }
+            set: { viewModel.send(.setShowTimePicker($0))  }
         )) {
             NavigationStack {
                 DatePicker(
                     "",
                     selection: Binding(
-                        get: { viewModel.state.pushNotificationTime },
-                        set: { viewModel.send(.setPushNotificationTime($0)) }
+                        get: { viewModel.state.sheetPushNotificationTime },
+                        set: { viewModel.send(.setPushNotificationTime(sheet: $0)) }
                     ),
                     displayedComponents: .hourAndMinute
                 )
@@ -105,27 +106,27 @@ struct PushNotificationSettingsView: View {
         if #available(iOS 26.0, *) {
             ToolbarItem(placement: .topBarLeading) {
                 Button(role: .cancel) {
-
+                    viewModel.send(.rollbackUpdate)
                 }
             }
 
             ToolbarItem(placement: .topBarTrailing) {
                 Button(role: .confirm) {
-
+                    viewModel.send(.confirmUpdate)
                 }
             }
         } else {
             ToolbarItem(placement: .topBarLeading) {
                 Button {
-
+                    viewModel.send(.rollbackUpdate)
                 } label: {
                     Text("취소")
                 }
             }
 
             ToolbarItem(placement: .topBarTrailing) {
                 Button {
-
+                    viewModel.send(.confirmUpdate)
                 } label: {
                     Text("확인")
                         .bold()