This commit is contained in:
Aleksandrs Proskurins
2022-10-20 15:35:46 +03:00
parent b0d5accc2e
commit c98c22d103
8 changed files with 153 additions and 139 deletions
@@ -22,7 +22,8 @@ struct DeviceAvatarView: View {
@Environment(\.theme) var theme: ThemeSwiftUI
var viewData: DeviceAvatarViewData
var isSelected: Bool
var avatarSize: CGFloat = 40
var badgeSize: CGFloat = 24
@@ -31,10 +32,12 @@ struct DeviceAvatarView: View {
// Device image
VStack(alignment: .center) {
viewData.deviceType.image
.renderingMode(isSelected ? .template : .original)
.foregroundColor(isSelected ? theme.colors.background : nil)
}
.padding()
.frame(maxWidth: CGFloat(avatarSize), maxHeight: CGFloat(avatarSize))
.background(theme.colors.system)
.background(isSelected ? theme.colors.primaryContent : theme.colors.system)
.clipShape(Circle())
// Verification badge
@@ -62,10 +65,10 @@ struct DeviceAvatarViewListPreview: View {
var body: some View {
HStack {
VStack(alignment: .center, spacing: 20) {
DeviceAvatarView(viewData: DeviceAvatarViewData(deviceType: .web, verificationState: .verified))
DeviceAvatarView(viewData: DeviceAvatarViewData(deviceType: .desktop, verificationState: .unverified))
DeviceAvatarView(viewData: DeviceAvatarViewData(deviceType: .mobile, verificationState: .verified))
DeviceAvatarView(viewData: DeviceAvatarViewData(deviceType: .unknown, verificationState: .unverified))
DeviceAvatarView(viewData: DeviceAvatarViewData(deviceType: .web, verificationState: .verified), isSelected: false)
DeviceAvatarView(viewData: DeviceAvatarViewData(deviceType: .desktop, verificationState: .unverified), isSelected: false)
DeviceAvatarView(viewData: DeviceAvatarViewData(deviceType: .mobile, verificationState: .verified), isSelected: false)
DeviceAvatarView(viewData: DeviceAvatarViewData(deviceType: .unknown, verificationState: .unverified), isSelected: false)
}
}
}