Tweak the RoomHeaderView to match Figma. (#4975)

This commit is contained in:
Doug
2026-01-20 13:09:35 +00:00
committed by GitHub
parent 6e89b49063
commit 0360db7924
73 changed files with 193 additions and 156 deletions
@@ -11,14 +11,26 @@ import SwiftUI
struct VerificationBadge: View {
let verificationState: UserIdentityVerificationState
let size: CompoundIcon.Size
let font: Font
init(verificationState: UserIdentityVerificationState) {
self.init(verificationState: verificationState, size: .small, relativeTo: .compound.bodyMD)
}
init(verificationState: UserIdentityVerificationState, size: CompoundIcon.Size, relativeTo font: Font) {
self.verificationState = verificationState
self.size = size
self.font = font
}
var body: some View {
switch verificationState {
case .verified:
CompoundIcon(\.verified, size: .small, relativeTo: .compound.bodyMD)
CompoundIcon(\.verified, size: size, relativeTo: font)
.foregroundStyle(.compound.iconSuccessPrimary)
case .verificationViolation:
CompoundIcon(\.infoSolid, size: .small, relativeTo: .compound.bodyMD)
CompoundIcon(\.infoSolid, size: size, relativeTo: font)
.foregroundStyle(.compound.iconCriticalPrimary)
case .notVerified:
EmptyView()
@@ -28,10 +40,18 @@ struct VerificationBadge: View {
struct VerificationBadge_Previews: PreviewProvider, TestablePreview {
static var previews: some View {
VStack(spacing: 16.0) {
VerificationBadge(verificationState: .notVerified)
VerificationBadge(verificationState: .verificationViolation)
VerificationBadge(verificationState: .verified)
VStack(spacing: 20) {
HStack(spacing: 16) {
VerificationBadge(verificationState: .notVerified)
VerificationBadge(verificationState: .verificationViolation)
VerificationBadge(verificationState: .verified)
}
HStack(spacing: 16) {
VerificationBadge(verificationState: .notVerified, size: .xSmall, relativeTo: .compound.bodyMD)
VerificationBadge(verificationState: .verificationViolation, size: .xSmall, relativeTo: .compound.bodyMD)
VerificationBadge(verificationState: .verified, size: .xSmall, relativeTo: .compound.bodyMD)
}
}
.previewLayout(.sizeThatFits)
}