aa69e7e663
* Delete deprecated font tokens. * Migrate from primaryContent to textPrimary/iconPrimary. * Migrate from links to textLinkExternal. * Migrate from secondaryContent to textSecondary/iconSecondary. * Migrate from accent to textActionPrimary. - Some uses changed to textPrimary or iconPrimary as necessary. - Some manual tints removed now that that Sentry is fixed. * Migrate alert to textCriticalPrimary/iconCriticalPrimary. * Migrate from brand to textActionAccent/iconAccentTertiary. * Migrate from background to bgCanvasDefault or text/iconOnSolidPrimary * Migrate system to bgSubtleSecondary. * Remove ElementUIColors and obsolete migrated colours. * Migrate tertiaryContent/quaternaryContent/quinaryContent to Compound. * Migrate bubblesYou/bubblesNotYou to use Compound. * Update Compound.
105 lines
3.4 KiB
Swift
105 lines
3.4 KiB
Swift
//
|
||
// Copyright 2022 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
|
||
|
||
struct TemplateScreen: View {
|
||
@Environment(\.colorScheme) private var colorScheme
|
||
|
||
var counterColor: Color {
|
||
colorScheme == .light ? .compound.textSecondary : .compound.textInfoPrimary
|
||
}
|
||
|
||
@ObservedObject var context: TemplateScreenViewModel.Context
|
||
|
||
var body: some View {
|
||
ScrollView {
|
||
mainContent
|
||
.padding(.top, 50)
|
||
.padding(.horizontal)
|
||
.readableFrame()
|
||
}
|
||
.safeAreaInset(edge: .bottom) {
|
||
buttons
|
||
.padding(.horizontal)
|
||
.padding(.vertical)
|
||
.readableFrame()
|
||
.background(Color.compound.bgSubtleSecondary)
|
||
}
|
||
}
|
||
|
||
/// The main content of the view to be shown in a scroll view.
|
||
var mainContent: some View {
|
||
VStack(spacing: 36) {
|
||
Text(context.viewState.promptType.title)
|
||
.font(.compound.headingMDBold)
|
||
.multilineTextAlignment(.center)
|
||
.foregroundColor(.compound.textPrimary)
|
||
.accessibilityIdentifier("title")
|
||
|
||
Image(systemName: context.viewState.promptType.imageSystemName)
|
||
.resizable()
|
||
.scaledToFit()
|
||
.frame(width: 100)
|
||
|
||
HStack {
|
||
Text("Counter: \(context.viewState.count)")
|
||
.font(.compound.bodyLG)
|
||
.multilineTextAlignment(.center)
|
||
.foregroundColor(counterColor)
|
||
|
||
Button("−") {
|
||
context.send(viewAction: .decrementCount)
|
||
}
|
||
.buttonStyle(.elementGhost())
|
||
|
||
Button("+") {
|
||
context.send(viewAction: .incrementCount)
|
||
}
|
||
.buttonStyle(.elementGhost())
|
||
}
|
||
}
|
||
}
|
||
|
||
/// The action buttons shown at the bottom of the view.
|
||
var buttons: some View {
|
||
VStack {
|
||
Button { context.send(viewAction: .accept) } label: {
|
||
Text("Accept")
|
||
}
|
||
.buttonStyle(.elementAction(.xLarge))
|
||
|
||
Button { context.send(viewAction: .cancel) } label: {
|
||
Text("Cancel")
|
||
.padding(.vertical, 12)
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
// MARK: - Previews
|
||
|
||
struct TemplateScreen_Previews: PreviewProvider {
|
||
static let regularViewModel = TemplateScreenViewModel(promptType: .regular)
|
||
static let upgradeViewModel = TemplateScreenViewModel(promptType: .upgrade)
|
||
static var previews: some View {
|
||
TemplateScreen(context: regularViewModel.context)
|
||
.previewDisplayName("Regular")
|
||
TemplateScreen(context: upgradeViewModel.context)
|
||
.previewDisplayName("Upgrade")
|
||
}
|
||
}
|