63fc9ad410
* just added the isThreaded property to message based events * done but I should add a bunch of tests for images and videos and locations * handling for image and videos, but locations might need to be double checked * code improvement * better tests and removed code that is not used, we need to fix first the appearence of replies * bubble style is solved, we now need plain style * also added plain style * better handling for bubble style * rounded corner only for bubbles in location * fix for wrong aspect ratio in replies * all changes done * better testing * swift format * changelog * PR comments and rebase. * Simplify corner radius on location timeline view. --------- Co-authored-by: Doug <douglase@element.io>
90 lines
4.3 KiB
Swift
90 lines
4.3 KiB
Swift
//
|
|
// Copyright 2023 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 Foundation
|
|
import SwiftUI
|
|
|
|
struct StickerRoomTimelineView: View {
|
|
@EnvironmentObject private var context: RoomScreenViewModel.Context
|
|
let timelineItem: StickerRoomTimelineItem
|
|
|
|
var body: some View {
|
|
TimelineStyler(timelineItem: timelineItem) {
|
|
LoadableImage(url: timelineItem.imageURL,
|
|
blurhash: timelineItem.blurhash,
|
|
imageProvider: context.imageProvider) {
|
|
placeholder
|
|
}
|
|
.timelineMediaFrame(height: timelineItem.height,
|
|
aspectRatio: timelineItem.aspectRatio)
|
|
.accessibilityElement(children: .ignore)
|
|
.accessibilityLabel("\(L10n.commonSticker), \(timelineItem.body)")
|
|
}
|
|
}
|
|
|
|
private var placeholder: some View {
|
|
ZStack {
|
|
Rectangle()
|
|
.foregroundColor(timelineItem.isOutgoing ? .compound._bgBubbleOutgoing : .compound._bgBubbleIncoming)
|
|
.opacity(0.3)
|
|
|
|
ProgressView(L10n.commonLoading)
|
|
.frame(maxWidth: .infinity)
|
|
}
|
|
}
|
|
}
|
|
|
|
struct StickerRoomTimelineView_Previews: PreviewProvider {
|
|
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(spacing: 20.0) {
|
|
StickerRoomTimelineView(timelineItem: StickerRoomTimelineItem(id: .random,
|
|
body: "Some image",
|
|
timestamp: "Now",
|
|
isOutgoing: false,
|
|
isEditable: false,
|
|
sender: .init(id: "Bob"),
|
|
imageURL: URL.picturesDirectory))
|
|
|
|
StickerRoomTimelineView(timelineItem: StickerRoomTimelineItem(id: .random,
|
|
body: "Some other image",
|
|
timestamp: "Now",
|
|
isOutgoing: false,
|
|
isEditable: false,
|
|
sender: .init(id: "Bob"),
|
|
imageURL: URL.picturesDirectory))
|
|
|
|
StickerRoomTimelineView(timelineItem: StickerRoomTimelineItem(id: .random,
|
|
body: "Blurhashed image",
|
|
timestamp: "Now",
|
|
isOutgoing: false,
|
|
isEditable: false,
|
|
sender: .init(id: "Bob"),
|
|
imageURL: URL.picturesDirectory,
|
|
aspectRatio: 0.7,
|
|
blurhash: "L%KUc%kqS$RP?Ks,WEf8OlrqaekW"))
|
|
}
|
|
}
|
|
}
|