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
61 lines
3.0 KiB
Swift
61 lines
3.0 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 VoiceMessageMediaEventsTimelineView: View {
|
|
let timelineItem: VoiceMessageRoomTimelineItem
|
|
let playerState: AudioPlayerState
|
|
|
|
var body: some View {
|
|
VoiceMessageRoomTimelineContent(timelineItem: timelineItem,
|
|
playerState: playerState)
|
|
.accessibilityLabel(L10n.commonVoiceMessage)
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
.bubbleBackground(timelineItem: timelineItem,
|
|
insets: .init(top: 8, leading: 12, bottom: 8, trailing: 12),
|
|
color: .compound.bgSubtleSecondary)
|
|
}
|
|
}
|
|
|
|
// MARK: - Content
|
|
|
|
struct VoiceMessageMediaEventsTimelineView_Previews: PreviewProvider, TestablePreview {
|
|
static let viewModel = TimelineViewModel.mock
|
|
static let timelineItemIdentifier = TimelineItemIdentifier.randomEvent
|
|
static let voiceRoomTimelineItem = VoiceMessageRoomTimelineItem(id: timelineItemIdentifier,
|
|
timestamp: .mock,
|
|
isOutgoing: false,
|
|
isEditable: false,
|
|
canBeRepliedTo: true,
|
|
isThreaded: false,
|
|
sender: .init(id: "Bob"),
|
|
content: .init(filename: "audio.ogg",
|
|
duration: 300,
|
|
waveform: EstimatedWaveform.mockWaveform,
|
|
source: nil,
|
|
fileSize: nil,
|
|
contentType: nil))
|
|
|
|
static let playerState = AudioPlayerState(id: .timelineItemIdentifier(timelineItemIdentifier),
|
|
title: L10n.commonVoiceMessage,
|
|
duration: 10.0,
|
|
waveform: EstimatedWaveform.mockWaveform,
|
|
progress: 0.4)
|
|
|
|
static var previews: some View {
|
|
body
|
|
.environmentObject(viewModel.context)
|
|
}
|
|
|
|
static var body: some View {
|
|
VoiceMessageMediaEventsTimelineView(timelineItem: voiceRoomTimelineItem, playerState: playerState)
|
|
.fixedSize(horizontal: false, vertical: true)
|
|
}
|
|
}
|