828e4c4b03
* Extract the timeline item background from the BubbledStyler. * Use different views for files and voices messages, reuse the timeline content but only keep the bubble background instead of the whole TimelineStyler. * Add back max voice message width and add missing accessibility label
62 lines
2.6 KiB
Swift
62 lines
2.6 KiB
Swift
//
|
|
// Copyright 2023, 2024 New Vector Ltd.
|
|
//
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
// Please see LICENSE in the repository root for full details.
|
|
//
|
|
|
|
import Compound
|
|
import SwiftUI
|
|
|
|
struct AudioMediaEventsTimelineView: View {
|
|
let timelineItem: AudioRoomTimelineItem
|
|
|
|
var body: some View {
|
|
MediaFileRoomTimelineContent(timelineItemID: timelineItem.id,
|
|
filename: timelineItem.content.filename,
|
|
fileSize: timelineItem.content.fileSize,
|
|
caption: timelineItem.content.caption,
|
|
formattedCaption: timelineItem.content.formattedCaption,
|
|
additionalWhitespaces: timelineItem.additionalWhitespaces(),
|
|
isAudioFile: true)
|
|
.accessibilityLabel(L10n.commonAudio)
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
.bubbleBackground(timelineItem: timelineItem,
|
|
insets: .init(top: 8, leading: 12, bottom: 8, trailing: 12),
|
|
color: .compound.bgSubtleSecondary)
|
|
}
|
|
}
|
|
|
|
struct AudioMediaEventsTimelineView_Previews: PreviewProvider, TestablePreview {
|
|
static let viewModel = TimelineViewModel.mock
|
|
|
|
static var previews: some View {
|
|
VStack(spacing: 20) {
|
|
AudioMediaEventsTimelineView(timelineItem: makeItem(filename: "audio.ogg",
|
|
fileSize: 2 * 1024 * 1024))
|
|
|
|
AudioMediaEventsTimelineView(timelineItem: makeItem(filename: "Best Song Ever.mp3",
|
|
fileSize: 7 * 1024 * 1024,
|
|
caption: "This song rocks!"))
|
|
}
|
|
.environmentObject(viewModel.context)
|
|
}
|
|
|
|
static func makeItem(filename: String, fileSize: UInt, caption: String? = nil) -> AudioRoomTimelineItem {
|
|
.init(id: .randomEvent,
|
|
timestamp: .mock,
|
|
isOutgoing: false,
|
|
isEditable: false,
|
|
canBeRepliedTo: true,
|
|
isThreaded: false,
|
|
sender: .init(id: "Bob"),
|
|
content: .init(filename: filename,
|
|
caption: caption,
|
|
duration: 300,
|
|
waveform: nil,
|
|
source: nil,
|
|
fileSize: fileSize,
|
|
contentType: nil))
|
|
}
|
|
}
|