1109eaff79
* Use CompoundFonts in DesignKit (deprecate ElementFonts). * Use compound fonts everywhere. * Update Authentication snapshots. * Update RoomMembersListScreen snapshots. Delete unused snapshots. * Fix tests.
73 lines
2.4 KiB
Swift
73 lines
2.4 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
|
|
|
|
struct AvatarHeaderView<Footer: View>: View {
|
|
let avatarUrl: URL?
|
|
let name: String?
|
|
let id: String
|
|
let avatarSize: AvatarSize
|
|
let imageProvider: ImageProviderProtocol?
|
|
let subtitle: String?
|
|
@ViewBuilder var footer: () -> Footer
|
|
|
|
var body: some View {
|
|
VStack(spacing: 8.0) {
|
|
LoadableAvatarImage(url: avatarUrl,
|
|
name: name,
|
|
contentID: id,
|
|
avatarSize: avatarSize,
|
|
imageProvider: imageProvider)
|
|
|
|
Text(name ?? id)
|
|
.foregroundColor(.element.primaryContent)
|
|
.font(.compound.headingLGBold)
|
|
.multilineTextAlignment(.center)
|
|
|
|
if let subtitle {
|
|
Text(subtitle)
|
|
.foregroundColor(.element.secondaryContent)
|
|
.font(.compound.bodyLG)
|
|
.multilineTextAlignment(.center)
|
|
}
|
|
|
|
footer()
|
|
}
|
|
.frame(maxWidth: .infinity, alignment: .center)
|
|
.listRowBackground(Color.clear)
|
|
}
|
|
}
|
|
|
|
struct HeaderView_Previews: PreviewProvider {
|
|
static var previews: some View {
|
|
AvatarHeaderView(avatarUrl: URL.picturesDirectory,
|
|
name: "Test",
|
|
id: "test",
|
|
avatarSize: .room(on: .details),
|
|
imageProvider: MockMediaProvider(),
|
|
subtitle: "test") {
|
|
HStack(spacing: 32) {
|
|
ShareLink(item: "test") {
|
|
Image(systemName: "square.and.arrow.up")
|
|
}
|
|
.buttonStyle(FormActionButtonStyle(title: "Test"))
|
|
}
|
|
.padding(.top, 32)
|
|
}
|
|
}
|
|
}
|