mirror of
https://github.com/Novaloop-AG/element-x-ios.git
synced 2026-11-02 03:06:37 +00:00
ismailgulek
36c34503fc
* #92 Create `TimelineStyle` and store it in user defaults * #92 Create `TimelineStyler` observable environment object * #92 Use timeline list row insets from the styler * #92 remove sender view, move header into the styler views * #92 Add timeline style option in settings * #92 Add changelog * #92 refactor some code duplications * #92 Fix `TimelineStyle`targets * #92 Fix `TimelineStyle` targets * #92 Fix PR remarks * #92 Fix inline PR comments * #92 Fix UI tests * #92 Rename bubbled to bubbles
92 lines
4.4 KiB
Swift
92 lines
4.4 KiB
Swift
//
|
|
// ImageRoomTimelineView.swift
|
|
// ElementX
|
|
//
|
|
// Created by Stefan Ceriu on 11/03/2022.
|
|
// Copyright © 2022 Element. All rights reserved.
|
|
//
|
|
|
|
import Foundation
|
|
import SwiftUI
|
|
|
|
struct ImageRoomTimelineView: View {
|
|
let timelineItem: ImageRoomTimelineItem
|
|
|
|
var body: some View {
|
|
if timelineItem.image != nil || timelineItem.blurhash != nil { // Fixes view heights after loading finishes
|
|
TimelineStyler(timelineItem: timelineItem) {
|
|
if let image = timelineItem.image {
|
|
if let aspectRatio = timelineItem.aspectRatio {
|
|
Image(uiImage: image)
|
|
.resizable()
|
|
.aspectRatio(aspectRatio, contentMode: .fit)
|
|
} else {
|
|
Image(uiImage: image)
|
|
.resizable()
|
|
.scaledToFit()
|
|
}
|
|
} else if let blurhash = timelineItem.blurhash,
|
|
// Build a small blurhash image so that it's fast
|
|
let image = UIImage(blurHash: blurhash, size: .init(width: 10.0, height: 10.0)) {
|
|
Image(uiImage: image)
|
|
.resizable()
|
|
.aspectRatio(timelineItem.aspectRatio, contentMode: .fit)
|
|
}
|
|
}
|
|
.id(timelineItem.id)
|
|
.animation(.default, value: timelineItem.image)
|
|
.frame(maxHeight: 1000.0)
|
|
} else {
|
|
TimelineStyler(timelineItem: timelineItem) {
|
|
HStack {
|
|
Spacer()
|
|
ProgressView("Loading")
|
|
Spacer()
|
|
}
|
|
}
|
|
.id(timelineItem.id)
|
|
}
|
|
}
|
|
}
|
|
|
|
struct ImageRoomTimelineView_Previews: PreviewProvider {
|
|
static var previews: some View {
|
|
body.preferredColorScheme(.light)
|
|
body.preferredColorScheme(.dark)
|
|
}
|
|
|
|
@ViewBuilder
|
|
static var body: some View {
|
|
VStack(spacing: 20.0) {
|
|
ImageRoomTimelineView(timelineItem: ImageRoomTimelineItem(id: UUID().uuidString,
|
|
text: "Some image",
|
|
timestamp: "Now",
|
|
shouldShowSenderDetails: false,
|
|
isOutgoing: false,
|
|
senderId: "Bob",
|
|
source: nil,
|
|
image: UIImage(systemName: "photo")))
|
|
|
|
ImageRoomTimelineView(timelineItem: ImageRoomTimelineItem(id: UUID().uuidString,
|
|
text: "Some other image",
|
|
timestamp: "Now",
|
|
shouldShowSenderDetails: false,
|
|
isOutgoing: false,
|
|
senderId: "Bob",
|
|
source: nil,
|
|
image: nil))
|
|
|
|
ImageRoomTimelineView(timelineItem: ImageRoomTimelineItem(id: UUID().uuidString,
|
|
text: "Blurhashed image",
|
|
timestamp: "Now",
|
|
shouldShowSenderDetails: false,
|
|
isOutgoing: false,
|
|
senderId: "Bob",
|
|
source: nil,
|
|
image: nil,
|
|
aspectRatio: 0.7,
|
|
blurhash: "L%KUc%kqS$RP?Ks,WEf8OlrqaekW"))
|
|
}
|
|
}
|
|
}
|