4c8bc19182
* ios: send multiple images * multi-select works (TODO race conditions) * send multiple images, progress indicator in compose view * scroll between fullscreen images, scroll to quoted item * add swipe animation * fix model state when sending the image * fix sending multiple images * use MainActor * improve scrolling * faster scroll * improve scroll animation * fix model updates
83 lines
2.6 KiB
Swift
83 lines
2.6 KiB
Swift
//
|
|
// ComposeImageView.swift
|
|
// SimpleX
|
|
//
|
|
// Created by JRoberts on 11/04/2022.
|
|
// Copyright © 2022 SimpleX Chat. All rights reserved.
|
|
//
|
|
|
|
import SwiftUI
|
|
import SimpleXChat
|
|
|
|
struct ComposeImageView: View {
|
|
@Environment(\.colorScheme) var colorScheme
|
|
let images: [String]
|
|
let cancelImage: (() -> Void)
|
|
let cancelEnabled: Bool
|
|
|
|
var body: some View {
|
|
HStack(alignment: .center, spacing: 8) {
|
|
let imgs: [UIImage] = images.compactMap { image in
|
|
if let data = Data(base64Encoded: dropImagePrefix(image)) {
|
|
return UIImage(data: data)
|
|
}
|
|
return nil
|
|
}
|
|
if imgs.count == 0 {
|
|
ProgressView()
|
|
.padding(.leading, 12)
|
|
.frame(maxWidth: .infinity, minHeight: 60, maxHeight: 60, alignment: .leading)
|
|
} else {
|
|
ScrollView(.horizontal) {
|
|
HStack {
|
|
ForEach(imgs, id: \.hash) { img in
|
|
Image(uiImage: img)
|
|
.resizable()
|
|
.scaledToFit()
|
|
.frame(maxWidth: 80, minHeight: 40, maxHeight: 60)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
Spacer()
|
|
if cancelEnabled {
|
|
Button { cancelImage() } label: {
|
|
Image(systemName: "multiply")
|
|
}
|
|
}
|
|
}
|
|
.padding(.vertical, 1)
|
|
.padding(.trailing, 12)
|
|
.background(colorScheme == .light ? sentColorLight : sentColorDark)
|
|
.frame(maxWidth: .infinity)
|
|
.padding(.top, 8)
|
|
}
|
|
}
|
|
|
|
//struct ComposeImageView: View {
|
|
// @Environment(\.colorScheme) var colorScheme
|
|
// let image: String
|
|
// let cancelImage: (() -> Void)
|
|
//
|
|
// var body: some View {
|
|
// if let data = Data(base64Encoded: dropImagePrefix(image)),
|
|
// let uiImage = UIImage(data: data) {
|
|
// HStack(alignment: .center) {
|
|
// ZStack(alignment: .topTrailing) {
|
|
// Image(uiImage: uiImage)
|
|
// .resizable()
|
|
// .scaledToFit()
|
|
// .cornerRadius(20)
|
|
// .frame(maxHeight: 150)
|
|
// Button { cancelImage() } label: {
|
|
// Image(systemName: "multiply")
|
|
// .foregroundColor(.white)
|
|
// }
|
|
// .padding(8)
|
|
// }
|
|
// }
|
|
// .padding(.top, 8)
|
|
// }
|
|
// }
|
|
//}
|