mirror of
https://github.com/vector-im/element-ios.git
synced 2024-10-02 01:02:41 +00:00
bf8e0b8542
Fix incorrect fonts and use autocapitalization on the display name field. Fix bug where authentication view controller would become active again after registration. Improve EffectsView API.
150 lines
5.1 KiB
Swift
150 lines
5.1 KiB
Swift
//
|
|
// Copyright 2021 New Vector Ltd
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
//
|
|
|
|
import SwiftUI
|
|
|
|
@available(iOS 14.0, *)
|
|
struct OnboardingCongratulationsScreen: 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: OnboardingCongratulationsViewModel.Context
|
|
|
|
// MARK: Views
|
|
|
|
var body: some View {
|
|
GeometryReader { geometry in
|
|
VStack {
|
|
ScrollView {
|
|
Spacer()
|
|
.frame(height: OnboardingMetrics.spacerHeight(in: geometry))
|
|
|
|
mainContent
|
|
.frame(maxWidth: OnboardingMetrics.maxContentWidth)
|
|
.padding(.top, 60)
|
|
.padding(.horizontal, horizontalPadding)
|
|
}
|
|
.frame(maxWidth: .infinity)
|
|
|
|
footer
|
|
.frame(maxWidth: OnboardingMetrics.maxContentWidth)
|
|
.padding(.horizontal, horizontalPadding)
|
|
.padding(.bottom, 24)
|
|
.padding(.bottom, geometry.safeAreaInsets.bottom > 0 ? 0 : 16)
|
|
|
|
Spacer()
|
|
.frame(height: OnboardingMetrics.spacerHeight(in: geometry))
|
|
}
|
|
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
|
}
|
|
.overlay(effects.ignoresSafeArea())
|
|
.background(theme.colors.accent.ignoresSafeArea())
|
|
.accentColor(.white)
|
|
.navigationBarHidden(true)
|
|
.preferredColorScheme(.dark) // make the status bar white
|
|
}
|
|
|
|
/// The main content of the view to be shown in a scroll view.
|
|
var mainContent: some View {
|
|
VStack(spacing: 42) {
|
|
Image(Asset.Images.onboardingCongratulationsIcon.name)
|
|
.resizable()
|
|
.frame(width: 90, height: 90)
|
|
.accessibilityHidden(true)
|
|
|
|
VStack(spacing: 8) {
|
|
Text(VectorL10n.onboardingCongratulationsTitle)
|
|
.font(theme.fonts.title2B)
|
|
.foregroundColor(.white)
|
|
|
|
Text(VectorL10n.onboardingCongratulationsMessage(viewModel.viewState.userId))
|
|
.font(theme.fonts.body)
|
|
.foregroundColor(.white)
|
|
.multilineTextAlignment(.center)
|
|
}
|
|
}
|
|
}
|
|
|
|
@ViewBuilder
|
|
var footer: some View {
|
|
if viewModel.viewState.personalizationDisabled {
|
|
homeButton
|
|
} else {
|
|
actionButtons
|
|
}
|
|
}
|
|
|
|
/// The default action buttons shown at the bottom of the view.
|
|
var actionButtons: some View {
|
|
VStack(spacing: 12) {
|
|
Button { viewModel.send(viewAction: .personaliseProfile) } label: {
|
|
Text(VectorL10n.onboardingCongratulationsPersonalizeButton)
|
|
.font(theme.fonts.body)
|
|
.foregroundColor(theme.colors.accent)
|
|
}
|
|
.buttonStyle(PrimaryActionButtonStyle(customColor: .white))
|
|
.accessibilityIdentifier("personalizeButton")
|
|
|
|
Button { viewModel.send(viewAction: .takeMeHome) } label: {
|
|
Text(VectorL10n.onboardingCongratulationsHomeButton)
|
|
.font(theme.fonts.body)
|
|
.padding(.vertical, 12)
|
|
}
|
|
.accessibilityIdentifier("homeButton")
|
|
}
|
|
}
|
|
|
|
/// The single "Take me home" button shown when personlization isn't supported.
|
|
var homeButton: some View {
|
|
Button { viewModel.send(viewAction: .takeMeHome) } label: {
|
|
Text(VectorL10n.onboardingCongratulationsHomeButton)
|
|
.font(theme.fonts.body)
|
|
.foregroundColor(theme.colors.accent)
|
|
}
|
|
.buttonStyle(PrimaryActionButtonStyle(customColor: .white))
|
|
.accessibilityIdentifier("homeButton")
|
|
}
|
|
|
|
@ViewBuilder
|
|
var effects: some View {
|
|
if viewModel.viewState.personalizationDisabled {
|
|
EffectsView(effect: .confetti)
|
|
.allowsHitTesting(false)
|
|
.accessibilityIdentifier("confetti")
|
|
}
|
|
}
|
|
}
|
|
|
|
// MARK: - Previews
|
|
|
|
@available(iOS 14.0, *)
|
|
struct OnboardingCongratulationsScreen_Previews: PreviewProvider {
|
|
static let stateRenderer = MockOnboardingCongratulationsScreenState.stateRenderer
|
|
static var previews: some View {
|
|
stateRenderer.screenGroup()
|
|
}
|
|
}
|