f1440e884a
* Remove the welcome screen * Allow the UserSessionFlowCoordinator to control the whole app hierarchy, not only its splitView * Start using the new verification state listener * Rename Onboarding to AuthenticationStart in preparation for the new OnboardingFlowCoordinator; update snapshots and tests * Make the AuthenticationCoordinator a proper FlowCoordinator * Add some padding around the authentication start screen report a problem button * Bump the RustSDK to v1.1.49 * Only add bottom padding on the authentication start screen report a problem button
99 lines
3.7 KiB
Swift
99 lines
3.7 KiB
Swift
//
|
|
// Copyright 2023 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
|
|
|
|
/// The app's logo styled to fit on various launch pages.
|
|
struct AuthenticationStartLogo: View {
|
|
@Environment(\.colorScheme) private var colorScheme
|
|
|
|
/// Set to `true` when using on top of `Asset.Images.launchBackground`
|
|
let isOnGradient: Bool
|
|
|
|
/// Extra padding needed to avoid cropping the shadows.
|
|
private let extra: CGFloat = 64
|
|
/// The shape that the logo is composed on top of.
|
|
private let outerShape = RoundedRectangle(cornerRadius: 44)
|
|
private let outerShapeShadowColor = Color(red: 0.11, green: 0.11, blue: 0.13)
|
|
private var isLight: Bool { colorScheme == .light }
|
|
|
|
var body: some View {
|
|
Image(asset: Asset.Images.appLogo)
|
|
.background {
|
|
Circle()
|
|
.inset(by: 1)
|
|
.shadow(color: .black.opacity(!isLight && isOnGradient ? 0.3 : 0.4),
|
|
radius: 12.57143,
|
|
y: 6.28571)
|
|
|
|
Circle()
|
|
.inset(by: 1)
|
|
.shadow(color: .black.opacity(0.5),
|
|
radius: 12.57143,
|
|
y: 6.28571)
|
|
.blendMode(.overlay)
|
|
}
|
|
.padding(24)
|
|
.background {
|
|
Color.white
|
|
.opacity(isLight ? 0.23 : isOnGradient ? 0.05 : 0.13)
|
|
}
|
|
.clipShape(outerShape)
|
|
.overlay {
|
|
outerShape
|
|
.inset(by: 0.25)
|
|
.stroke(.white.opacity(isLight ? 1 : isOnGradient ? 0.9 : 0.25), lineWidth: 0.5)
|
|
.blendMode(isLight ? .normal : .overlay)
|
|
}
|
|
.padding(extra)
|
|
.background {
|
|
ZStack {
|
|
if !isLight, isOnGradient {
|
|
outerShape
|
|
.inset(by: 1)
|
|
.padding(extra)
|
|
.shadow(color: .black.opacity(0.5),
|
|
radius: 32.91666,
|
|
y: 1.05333)
|
|
} else {
|
|
outerShape
|
|
.inset(by: 1)
|
|
.padding(extra)
|
|
.shadow(color: outerShapeShadowColor.opacity(isLight ? 0.23 : 0.08),
|
|
radius: 16,
|
|
y: 8)
|
|
|
|
outerShape
|
|
.inset(by: 1)
|
|
.padding(extra)
|
|
.shadow(color: outerShapeShadowColor.opacity(0.5),
|
|
radius: 16,
|
|
y: 8)
|
|
.blendMode(.overlay)
|
|
}
|
|
}
|
|
.mask {
|
|
outerShape
|
|
.inset(by: -extra / 2)
|
|
.stroke(lineWidth: extra)
|
|
.padding(extra)
|
|
}
|
|
}
|
|
.padding(-extra)
|
|
.accessibilityHidden(true)
|
|
}
|
|
}
|