56eec826df
* replace NavigationStack with ElementNavigationStack to allow the content to be rendered without a NavigationStack in a11y tests * fix a11y tests * update xcodeproject * swiftformat fix * use iOS 26.1 for CI * use a wrapper to solve the issue for a11y tests * ElementNavigationStack only uses the trick in DEBUG mode, and added a swiftlint rule to prevent the usage of NavigationStack
102 lines
3.5 KiB
Swift
102 lines
3.5 KiB
Swift
//
|
|
// Copyright 2025 Element Creations Ltd.
|
|
// Copyright 2022-2025 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 EncryptionResetScreen: View {
|
|
@Bindable var context: EncryptionResetScreenViewModel.Context
|
|
|
|
var body: some View {
|
|
FullscreenDialog {
|
|
mainContent
|
|
} bottomContent: {
|
|
Button(L10n.screenEncryptionResetActionContinueReset, role: .destructive) {
|
|
context.send(viewAction: .reset)
|
|
}
|
|
.buttonStyle(.compound(.primary))
|
|
.accessibilityIdentifier(A11yIdentifiers.encryptionResetScreen.continueReset)
|
|
}
|
|
.background()
|
|
.backgroundStyle(.compound.bgCanvasDefault)
|
|
.interactiveDismissDisabled()
|
|
.toolbar { toolbar }
|
|
.toolbar(.visible, for: .navigationBar)
|
|
.alert(item: $context.alertInfo)
|
|
}
|
|
|
|
/// The main content of the screen that is shown inside the scroll view.
|
|
private var mainContent: some View {
|
|
VStack(spacing: 24) {
|
|
header
|
|
checkmarkList
|
|
footer
|
|
}
|
|
}
|
|
|
|
private var header: some View {
|
|
VStack(spacing: 8) {
|
|
BigIcon(icon: \.errorSolid, style: .alertSolid)
|
|
.padding(.bottom, 8)
|
|
|
|
Text(L10n.screenEncryptionResetTitle)
|
|
.font(.compound.headingMDBold)
|
|
.multilineTextAlignment(.center)
|
|
.foregroundColor(.compound.textPrimary)
|
|
}
|
|
}
|
|
|
|
private var footer: some View {
|
|
Text(L10n.screenEncryptionResetFooter)
|
|
.font(.compound.bodyMDSemibold)
|
|
.multilineTextAlignment(.center)
|
|
.foregroundColor(.compound.textPrimary)
|
|
}
|
|
|
|
/// The list of re-assurances about analytics.
|
|
private var checkmarkList: some View {
|
|
VStack(alignment: .leading, spacing: 4) {
|
|
checkMarkItem(title: L10n.screenEncryptionResetBullet1, position: .top, positive: true)
|
|
checkMarkItem(title: L10n.screenEncryptionResetBullet2, position: .middle, positive: false)
|
|
checkMarkItem(title: L10n.screenEncryptionResetBullet3, position: .bottom, positive: false)
|
|
}
|
|
.fixedSize(horizontal: false, vertical: true)
|
|
.frame(maxWidth: .infinity)
|
|
.environment(\.backgroundStyle, AnyShapeStyle(.compound.bgSubtleSecondary))
|
|
}
|
|
|
|
private func checkMarkItem(title: String, position: ListPosition, positive: Bool) -> some View {
|
|
VisualListItem(title: title, position: position) {
|
|
CompoundIcon(positive ? \.check : \.info)
|
|
.foregroundColor(positive ? .compound.iconAccentPrimary : .compound.iconSecondary)
|
|
.alignmentGuide(.top) { _ in 2 }
|
|
}
|
|
}
|
|
|
|
@ToolbarContentBuilder
|
|
private var toolbar: some ToolbarContent {
|
|
ToolbarItem(placement: .cancellationAction) {
|
|
Button(L10n.actionCancel) {
|
|
context.send(viewAction: .cancel)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// MARK: - Previews
|
|
|
|
struct EncryptionResetScreen_Previews: PreviewProvider, TestablePreview {
|
|
static let viewModel = EncryptionResetScreenViewModel(clientProxy: ClientProxyMock(.init()),
|
|
userIndicatorController: UserIndicatorControllerMock())
|
|
static var previews: some View {
|
|
ElementNavigationStack {
|
|
EncryptionResetScreen(context: viewModel.context)
|
|
}
|
|
}
|
|
}
|