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.
59 lines
1.9 KiB
Swift
59 lines
1.9 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 UserIndicatorToastView: View {
|
|
let indicator: UserIndicator
|
|
|
|
var body: some View {
|
|
HStack {
|
|
if let iconName = indicator.iconName {
|
|
Image(systemName: iconName)
|
|
}
|
|
Text(indicator.title)
|
|
.font(.compound.bodySM)
|
|
.foregroundColor(.compound.textPrimary)
|
|
}
|
|
.id(indicator.id)
|
|
.padding(.horizontal, 12.0)
|
|
.padding(.vertical, 10.0)
|
|
.frame(minWidth: 150.0)
|
|
.background(Color.compound.bgSubtlePrimary)
|
|
.clipShape(RoundedCornerShape(radius: 24.0, corners: .allCorners))
|
|
.shadow(color: .black.opacity(0.25), radius: 10.0, y: 4.0)
|
|
.transition(toastTransition)
|
|
}
|
|
|
|
private var toastTransition: AnyTransition {
|
|
AnyTransition
|
|
.asymmetric(insertion: .move(edge: .top),
|
|
removal: .move(edge: .bottom))
|
|
.combined(with: .opacity)
|
|
}
|
|
}
|
|
|
|
struct UserIndicatorToastView_Previews: PreviewProvider {
|
|
static var previews: some View {
|
|
VStack {
|
|
UserIndicatorToastView(indicator: UserIndicator(title: "Successfully logged in",
|
|
iconName: "checkmark"))
|
|
|
|
UserIndicatorToastView(indicator: UserIndicator(title: "Toast without icon"))
|
|
}
|
|
}
|
|
}
|