433b042038
- change from `Alice, Bob and Charlie` to `Alice, Bob, Charlie and 42 others` (when applicable)
80 lines
3.3 KiB
Swift
80 lines
3.3 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 TypingIndicatorView: View {
|
|
@ObservedObject var typingMembers: TypingMembersObservableObject
|
|
@State private var didShowTextOnce = false
|
|
|
|
var body: some View {
|
|
content
|
|
.font(.compound.bodySM)
|
|
.foregroundColor(.compound.textSecondary)
|
|
.lineLimit(1)
|
|
.truncationMode(.middle)
|
|
.padding(.horizontal, 4)
|
|
.animation(.elementDefault, value: typingMembers.members)
|
|
.onChange(of: typingMembers.members) { _, newValue in
|
|
if !newValue.isEmpty {
|
|
didShowTextOnce = true
|
|
}
|
|
}
|
|
}
|
|
|
|
@ViewBuilder
|
|
var content: some View {
|
|
// Plurals with string arguments aren't generated correctly by so we need to work around that
|
|
// https://github.com/SwiftGen/SwiftGen/issues/1089
|
|
|
|
switch typingMembers.members.count {
|
|
case 1:
|
|
let firstMember = typingMembers.members[0]
|
|
|
|
Text(firstMember).bold() +
|
|
Text(L10n.screenRoomTypingNotificationSingularIos)
|
|
case 2:
|
|
let firstMember = typingMembers.members[0]
|
|
let lastMember = typingMembers.members[1]
|
|
|
|
Text(L10n.screenRoomTypingTwoMembers(firstMember, lastMember)).bold() +
|
|
Text(L10n.screenRoomTypingNotificationPluralIos)
|
|
case 3...:
|
|
let firstMember = typingMembers.members[0]
|
|
let lastMember = typingMembers.members[1]
|
|
|
|
Text(L10n.tr("Localizable", "screen_room_typing_many_members_first_component_ios", firstMember, lastMember)).bold() +
|
|
Text(L10n.tr("Localizable", "common_many_members", typingMembers.members.count - 2)).bold() +
|
|
Text(L10n.screenRoomTypingNotificationPluralIos)
|
|
default:
|
|
if didShowTextOnce {
|
|
Text(L10n.screenRoomTypingNotificationSingularIos)
|
|
.opacity(0)
|
|
} else {
|
|
// Together with the margins and minSize on the contentConfiguration forces the tableView cell to be small
|
|
Rectangle()
|
|
.frame(height: 1)
|
|
.opacity(0)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
struct TypingIndicatorView_Previews: PreviewProvider, TestablePreview {
|
|
static var previews: some View {
|
|
VStack(alignment: .leading, spacing: 16.0) {
|
|
TypingIndicatorView(typingMembers: TypingMembersObservableObject(members: ["Alice"]))
|
|
TypingIndicatorView(typingMembers: TypingMembersObservableObject(members: ["Alice", "Bob"]))
|
|
TypingIndicatorView(typingMembers: TypingMembersObservableObject(members: ["Alice", "Bob", "Charlie"]))
|
|
TypingIndicatorView(typingMembers: TypingMembersObservableObject(members: ["Alice", "Bob", "Charlie", "Dan"]))
|
|
TypingIndicatorView(typingMembers: TypingMembersObservableObject(members: ["Alice", "Bob", "Charlie", "Dan", "Frannie"]))
|
|
TypingIndicatorView(typingMembers: TypingMembersObservableObject(members: ["Alice with her very long display name", "Bob", "Charlie", "Dan", "Frannie"]))
|
|
}
|
|
.frame(width: 300)
|
|
}
|
|
}
|