100 lines
4.8 KiB
Swift
100 lines
4.8 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 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(.elementDefault, 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"))
|
|
}
|
|
}
|
|
}
|