mirror of
https://github.com/Novaloop-AG/element-x-ios.git
synced 2026-11-03 16:10:20 +00:00
Tweak the RoomHeaderView to match Figma. (#4975)
This commit is contained in:
@@ -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)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user