145 lines
5.0 KiB
Swift
145 lines
5.0 KiB
Swift
//
|
|
// Copyright 2021-2024 New Vector Ltd.
|
|
//
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
// Please see LICENSE in the repository root for full details.
|
|
//
|
|
|
|
import SwiftUI
|
|
|
|
/// A prompt that asks the user whether they would like to enable Analytics or not.
|
|
struct AnalyticsPrompt: View {
|
|
// MARK: - Properties
|
|
|
|
// MARK: Private
|
|
|
|
@Environment(\.theme) private var theme
|
|
@Environment(\.horizontalSizeClass) private var horizontalSizeClass
|
|
|
|
private var horizontalPadding: CGFloat {
|
|
horizontalSizeClass == .regular ? 50 : 16
|
|
}
|
|
|
|
// MARK: Public
|
|
|
|
@ObservedObject var viewModel: AnalyticsPromptViewModel.Context
|
|
|
|
// MARK: Views
|
|
|
|
/// The text that explains what analytics will do.
|
|
private var messageText: some View {
|
|
VStack {
|
|
Text("\(viewModel.viewState.promptType.message)\n")
|
|
|
|
InlineTextButton(viewModel.viewState.promptType.mainTermsString,
|
|
tappableText: viewModel.viewState.promptType.termsLinkString) {
|
|
viewModel.send(viewAction: .openTermsURL)
|
|
}
|
|
}
|
|
}
|
|
|
|
/// The list of re-assurances about analytics.
|
|
private var checkmarkList: some View {
|
|
VStack(alignment: .leading) {
|
|
AnalyticsPromptCheckmarkItem(attributedString: viewModel.viewState.strings.point1)
|
|
.accessibilityLabel(Text(viewModel.viewState.strings.point1.string))
|
|
|
|
AnalyticsPromptCheckmarkItem(attributedString: viewModel.viewState.strings.point2)
|
|
.accessibilityLabel(Text(viewModel.viewState.strings.point2.string))
|
|
|
|
AnalyticsPromptCheckmarkItem(string: VectorL10n.analyticsPromptPoint3)
|
|
}
|
|
.fixedSize(horizontal: false, vertical: true)
|
|
.font(theme.fonts.body)
|
|
.frame(maxWidth: .infinity)
|
|
}
|
|
|
|
private var mainContent: some View {
|
|
VStack {
|
|
Image(uiImage: Asset.Images.analyticsLogo.image)
|
|
.padding(.bottom, 25)
|
|
|
|
Text(VectorL10n.analyticsPromptTitle(AppInfo.current.displayName))
|
|
.font(theme.fonts.title2B)
|
|
.multilineTextAlignment(.center)
|
|
.foregroundColor(theme.colors.primaryContent)
|
|
.padding(.bottom, 2)
|
|
|
|
messageText
|
|
.font(theme.fonts.body)
|
|
.multilineTextAlignment(.center)
|
|
.foregroundColor(theme.colors.secondaryContent)
|
|
|
|
Divider()
|
|
.background(theme.colors.quinaryContent)
|
|
.padding(.vertical, 28)
|
|
|
|
checkmarkList
|
|
.foregroundColor(theme.colors.secondaryContent)
|
|
.padding(.bottom, 16)
|
|
}
|
|
}
|
|
|
|
/// The stack of enable/disable buttons.
|
|
private var buttons: some View {
|
|
VStack {
|
|
Button { viewModel.send(viewAction: .enable) } label: {
|
|
Text(viewModel.viewState.promptType.enableButtonTitle)
|
|
.font(theme.fonts.bodySB)
|
|
}
|
|
.buttonStyle(PrimaryActionButtonStyle())
|
|
.accessibilityIdentifier("enableButton")
|
|
|
|
Button { viewModel.send(viewAction: .disable) } label: {
|
|
Text(viewModel.viewState.promptType.disableButtonTitle)
|
|
.font(theme.fonts.bodySB)
|
|
.foregroundColor(theme.colors.accent)
|
|
.padding(12)
|
|
}
|
|
.accessibilityIdentifier("disableButton")
|
|
}
|
|
}
|
|
|
|
var body: some View {
|
|
GeometryReader { geometry in
|
|
VStack {
|
|
ScrollView(showsIndicators: false) {
|
|
Spacer()
|
|
.frame(height: OnboardingMetrics.spacerHeight(in: geometry))
|
|
|
|
mainContent
|
|
.readableFrame()
|
|
.padding(.horizontal, horizontalPadding)
|
|
.padding(.top, OnboardingMetrics.breakerScreenTopPadding)
|
|
}
|
|
|
|
buttons
|
|
.readableFrame()
|
|
.padding(.horizontal, horizontalPadding)
|
|
.padding(.bottom, OnboardingMetrics.actionButtonBottomPadding)
|
|
.padding(.bottom, geometry.safeAreaInsets.bottom > 0 ? 0 : 16)
|
|
|
|
Spacer()
|
|
.frame(height: OnboardingMetrics.spacerHeight(in: geometry))
|
|
}
|
|
.background(theme.colors.background.ignoresSafeArea())
|
|
.accentColor(theme.colors.accent)
|
|
}
|
|
.navigationBarHidden(true)
|
|
.navigationBarBackButtonHidden(true)
|
|
}
|
|
}
|
|
|
|
// MARK: - Previews
|
|
|
|
@available(iOS 15.0, *)
|
|
struct AnalyticsPrompt_Previews: PreviewProvider {
|
|
static let stateRenderer = MockAnalyticsPromptScreenState.stateRenderer
|
|
static var previews: some View {
|
|
stateRenderer.screenGroup()
|
|
.theme(.light).preferredColorScheme(.light)
|
|
stateRenderer.screenGroup()
|
|
.theme(.dark).preferredColorScheme(.dark)
|
|
}
|
|
}
|