c29f4cc9b4
* New LICENSE-COMMERCIAL file * Apply dual licenses: AGPL + Element Commercial to file headers * Update README with dual licensing
67 lines
2.4 KiB
Swift
67 lines
2.4 KiB
Swift
//
|
|
// Copyright 2024 New Vector Ltd.
|
|
//
|
|
// SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
|
|
// Please see LICENSE files in the repository root for full details.
|
|
//
|
|
|
|
import SwiftUI
|
|
|
|
struct StackedAvatarInfo {
|
|
let url: URL?
|
|
let name: String?
|
|
let contentID: String
|
|
}
|
|
|
|
struct StackedAvatarsView: View {
|
|
let overlap: CGFloat
|
|
let lineWidth: CGFloat
|
|
var shouldStackFromLast = false
|
|
let avatars: [StackedAvatarInfo]
|
|
let avatarSize: Avatars.Size
|
|
let mediaProvider: MediaProviderProtocol?
|
|
|
|
var body: some View {
|
|
HStack(spacing: -overlap) {
|
|
ForEach(0..<avatars.count, id: \.self) { index in
|
|
LoadableAvatarImage(url: avatars[index].url,
|
|
name: avatars[index].name,
|
|
contentID: avatars[index].contentID,
|
|
avatarSize: avatarSize,
|
|
mediaProvider: mediaProvider)
|
|
.padding(lineWidth)
|
|
.overlay {
|
|
Circle()
|
|
.strokeBorder(Color.compound.bgCanvasDefault, lineWidth: lineWidth)
|
|
}
|
|
.zIndex(shouldStackFromLast ? Double(index) : Double(avatars.count - index))
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
struct StackedAvatarsView_Previews: PreviewProvider, TestablePreview {
|
|
static let avatars: [StackedAvatarInfo] = [
|
|
.init(url: nil, name: "Alice", contentID: "@alice:matrix.org"),
|
|
.init(url: nil, name: "Bob", contentID: "@bob:matrix.org"),
|
|
.init(url: nil, name: "Charlie", contentID: "@charlie:matrix.org"),
|
|
.init(url: nil, name: "Dan", contentID: "@charlie:matrix.org")
|
|
]
|
|
|
|
static var previews: some View {
|
|
VStack(spacing: 10) {
|
|
StackedAvatarsView(overlap: 16,
|
|
lineWidth: 2,
|
|
avatars: avatars,
|
|
avatarSize: .user(on: .knockingUsersBannerStack),
|
|
mediaProvider: MediaProviderMock())
|
|
StackedAvatarsView(overlap: 16,
|
|
lineWidth: 2,
|
|
shouldStackFromLast: true,
|
|
avatars: avatars,
|
|
avatarSize: .user(on: .knockingUsersBannerStack),
|
|
mediaProvider: MediaProviderMock())
|
|
}
|
|
}
|
|
}
|