2e37817215
* Update compound and fix breaking changes. * Replace a lot of temporary icon assets with Compound versions. * Replace temporary composer icon assets with Compound versions. * Remove old icon asset from EI. * Use Compound icons where possible for hero images. * Snapshots
85 lines
3.5 KiB
Swift
85 lines
3.5 KiB
Swift
//
|
|
// Copyright 2022 New Vector Ltd
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
//
|
|
|
|
import SwiftUI
|
|
|
|
struct EncryptedRoomTimelineView: View {
|
|
let timelineItem: EncryptedRoomTimelineItem
|
|
|
|
var body: some View {
|
|
TimelineStyler(timelineItem: timelineItem) {
|
|
Label(timelineItem.body, icon: \.time, iconSize: .small, relativeTo: .compound.bodyLG)
|
|
.labelStyle(RoomTimelineViewLabelStyle())
|
|
.font(.compound.bodyLG)
|
|
}
|
|
}
|
|
}
|
|
|
|
struct RoomTimelineViewLabelStyle: LabelStyle {
|
|
@Environment(\.timelineStyle) private var timelineStyle
|
|
|
|
func makeBody(configuration: Configuration) -> some View {
|
|
HStack(alignment: .center, spacing: 8) {
|
|
configuration.icon
|
|
.foregroundColor(.compound.iconSecondary)
|
|
configuration.title
|
|
.foregroundColor(.compound.textPrimary)
|
|
}
|
|
.padding(.horizontal, timelineStyle == .bubbles ? 4 : 0)
|
|
}
|
|
}
|
|
|
|
struct EncryptedRoomTimelineView_Previews: PreviewProvider, TestablePreview {
|
|
static let viewModel = RoomScreenViewModel.mock
|
|
|
|
static var previews: some View {
|
|
body.environmentObject(viewModel.context)
|
|
body
|
|
.environment(\.timelineStyle, .plain)
|
|
.environmentObject(viewModel.context)
|
|
}
|
|
|
|
static var body: some View {
|
|
VStack(alignment: .leading, spacing: 20.0) {
|
|
EncryptedRoomTimelineView(timelineItem: itemWith(text: L10n.commonWaitingForDecryptionKey,
|
|
timestamp: "Now",
|
|
isOutgoing: false,
|
|
senderId: "Bob"))
|
|
|
|
EncryptedRoomTimelineView(timelineItem: itemWith(text: L10n.commonWaitingForDecryptionKey,
|
|
timestamp: "Later",
|
|
isOutgoing: true,
|
|
senderId: "Anne"))
|
|
|
|
EncryptedRoomTimelineView(timelineItem: itemWith(text: "Some other text that is very long and will wrap onto multiple lines.",
|
|
timestamp: "Later",
|
|
isOutgoing: true,
|
|
senderId: "Anne"))
|
|
}
|
|
}
|
|
|
|
private static func itemWith(text: String, timestamp: String, isOutgoing: Bool, senderId: String) -> EncryptedRoomTimelineItem {
|
|
EncryptedRoomTimelineItem(id: .random,
|
|
body: text,
|
|
encryptionType: .unknown,
|
|
timestamp: timestamp,
|
|
isOutgoing: isOutgoing,
|
|
isEditable: false,
|
|
canBeRepliedTo: false,
|
|
sender: .init(id: senderId))
|
|
}
|
|
}
|