Adopt StateStoreViewModelV2 in the remaining settings screens. (#4158)

* Move the AuthenticationStartScreen into the Authentication directory. * Commit the updated Sentry license. No idea why they dropped the 2024 🤷‍♂️ * Use StateStoreViewModelV2 in BugReportScreen. * Use StateStoreViewModelV2 in UserDetailsEditScreen. * Use StateStoreViewModelV2 in NotificationSettingsScreen. * Use StateStoreViewModelV2 in NotificationSettingsEditScreen. * Use StateStoreViewModelV2 in LegalInformationScreen. * Use StateStoreViewModelV2 in LogViewerScreen. * Use StateStoreViewModelV2 in AnalyticsSettingsScreen. * Rename AdvancedSettingsScreen directory. * Use StateStoreViewModelV2 in EncryptionResetScreen. * Use StateStoreViewModelV2 in EncryptionResetPasswordScreen. * Use StateStoreViewModelV2 in SecureBackup…Screens. * Use StateStoreViewModelV2 in LoginScreen. Seems this one was ignored waiting on the fulfillment transitionValues implementation. * Use StateStoreViewModelV2 in DeactivateAccountScreen. * Move DeactivateAccountScreen into the Settings directory.
2026-11-02 21:33:26 +00:00 · 2025-05-30 12:24:56 +01:00
parent 565ca3ab0b
commit 458c6aaa57
54 changed files with 238 additions and 294 deletions
@@ -0,0 +1,102 @@
+//
+// Copyright 2022-2024 New Vector Ltd.
+//
+// SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+// Please see LICENSE files in the repository root for full details.
+//
+
+import Compound
+import SwiftUI
+
+struct DeactivateAccountScreen: View {
+    @Bindable var context: DeactivateAccountScreenViewModel.Context
+    
+    var body: some View {
+        Form {
+            infoSection
+            eraseDataSection
+            passwordSection
+        }
+        .compoundList()
+        .safeAreaInset(edge: .bottom) {
+            Button(L10n.actionDeactivateAccount, role: .destructive) {
+                context.send(viewAction: .deactivate)
+            }
+            .buttonStyle(.compound(.primary))
+            .disabled(context.password.isEmpty)
+            .padding(16)
+            .background(Color.compound.bgSubtleSecondaryLevel0.ignoresSafeArea())
+        }
+        .navigationTitle(L10n.screenDeactivateAccountTitle)
+        .navigationBarTitleDisplayMode(.inline)
+        .alert(item: $context.alertInfo)
+    }
+    
+    private var infoSection: some View {
+        ListRow(kind: .custom {
+            VStack(alignment: .leading, spacing: 16) {
+                Text(context.viewState.info)
+                
+                VStack(alignment: .leading, spacing: 8) {
+                    InfoItem(title: context.viewState.infoPoint1)
+                    InfoItem(title: context.viewState.infoPoint2)
+                    InfoItem(title: context.viewState.infoPoint3)
+                    InfoItem(title: context.viewState.infoPoint4, isSuccess: true)
+                }
+            }
+            .foregroundColor(.compound.textSecondary)
+            .font(.compound.bodyMD)
+            .listRowBackground(Color.clear)
+        })
+    }
+    
+    private var eraseDataSection: some View {
+        Section {
+            ListRow(label: .plain(title: L10n.screenDeactivateAccountDeleteAllMessages),
+                    kind: .toggle($context.eraseData))
+        } footer: {
+            Text(L10n.screenDeactivateAccountDeleteAllMessagesNotice)
+                .compoundListSectionFooter()
+        }
+    }
+    
+    private var passwordSection: some View {
+        Section {
+            ListRow(label: .plain(title: L10n.commonPassword),
+                    kind: .secureField(text: $context.password))
+                .submitLabel(.done)
+        } header: {
+            Text(L10n.actionConfirmPassword)
+                .compoundListSectionHeader()
+        }
+    }
+}
+
+private struct InfoItem: View {
+    let title: AttributedString
+    var isSuccess = false
+    
+    var body: some View {
+        Label {
+            Text(title).padding(.vertical, 1)
+        } icon: {
+            CompoundIcon(isSuccess ? \.check : \.close,
+                         size: .small,
+                         relativeTo: .compound.bodyMD)
+                .foregroundStyle(isSuccess ? .compound.iconSuccessPrimary : .compound.iconCriticalPrimary)
+        }
+        .labelStyle(.custom(spacing: 8, alignment: .top))
+    }
+}
+
+// MARK: - Previews
+
+struct DeactivateAccountScreen_Previews: PreviewProvider, TestablePreview {
+    static let viewModel = DeactivateAccountScreenViewModel(clientProxy: ClientProxyMock(.init()),
+                                                            userIndicatorController: UserIndicatorControllerMock())
+    static var previews: some View {
+        NavigationStack {
+            DeactivateAccountScreen(context: viewModel.context)
+        }
+    }
+}