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
91 lines
3.2 KiB
Swift
91 lines
3.2 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
|
|
|
|
/// The screen shown when setting up App Lock that asks the user whether
|
|
/// the would like to use Face ID/Touch ID instead of entering their PIN code.
|
|
struct AppLockSetupBiometricsScreen: View {
|
|
@ObservedObject var context: AppLockSetupBiometricsScreenViewModel.Context
|
|
|
|
var body: some View {
|
|
ScrollView {
|
|
VStack(spacing: 48) {
|
|
header
|
|
}
|
|
.padding(.horizontal, 16)
|
|
.padding(.top, UIConstants.iconTopPaddingToNavigationBar)
|
|
.frame(maxWidth: .infinity)
|
|
}
|
|
.background(Color.compound.bgCanvasDefault.ignoresSafeArea())
|
|
.toolbar(.visible, for: .navigationBar)
|
|
.navigationBarBackButtonHidden()
|
|
.interactiveDismissDisabled()
|
|
.safeAreaInset(edge: .bottom) {
|
|
buttons
|
|
.padding(.top, 16)
|
|
.padding(.horizontal, 16)
|
|
.background(Color.compound.bgCanvasDefault.ignoresSafeArea())
|
|
}
|
|
}
|
|
|
|
var header: some View {
|
|
VStack(spacing: 8) {
|
|
Image(systemSymbol: context.viewState.icon)
|
|
.font(.system(size: 72))
|
|
.padding(.top, 58)
|
|
.padding(.bottom, 26)
|
|
.accessibilityHidden(true)
|
|
|
|
Text(context.viewState.title)
|
|
.font(.compound.headingMDBold)
|
|
.multilineTextAlignment(.center)
|
|
.foregroundColor(.compound.textPrimary)
|
|
|
|
Text(context.viewState.subtitle)
|
|
.font(.compound.bodyMD)
|
|
.multilineTextAlignment(.center)
|
|
.foregroundColor(.compound.textSecondary)
|
|
}
|
|
}
|
|
|
|
var buttons: some View {
|
|
VStack(spacing: 16) {
|
|
Button(context.viewState.title) { context.send(viewAction: .allow) }
|
|
.buttonStyle(.compound(.primary))
|
|
.accessibilityIdentifier(A11yIdentifiers.appLockSetupBiometricsScreen.allow)
|
|
|
|
Button { context.send(viewAction: .skip) } label: {
|
|
Text(L10n.screenAppLockSetupBiometricUnlockSkip)
|
|
.font(.compound.bodyLGSemibold)
|
|
.padding(14)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// MARK: - Previews
|
|
|
|
struct AppLockSetupBiometricsScreen_Previews: PreviewProvider, TestablePreview {
|
|
static let faceIDViewModel = AppLockSetupBiometricsScreenViewModel(appLockService: AppLockServiceMock.mock(biometryType: .faceID))
|
|
static let touchIDViewModel = AppLockSetupBiometricsScreenViewModel(appLockService: AppLockServiceMock.mock(biometryType: .touchID))
|
|
|
|
static var previews: some View {
|
|
ElementNavigationStack {
|
|
AppLockSetupBiometricsScreen(context: faceIDViewModel.context)
|
|
}
|
|
.previewDisplayName("Face ID")
|
|
|
|
ElementNavigationStack {
|
|
AppLockSetupBiometricsScreen(context: touchIDViewModel.context)
|
|
}
|
|
.previewDisplayName("Touch ID")
|
|
}
|
|
}
|