mirror of https://github.com/oxen-io/session-ios
refactor quote view into SwiftUI and clean up UIKit quote view
Ryan ZHAO
1 year ago
parent
2b42ffd6d4
commit
0d27bbed00
@ -0,0 +1,223 @@
|
||||
// Copyright © 2023 Rangeproof Pty Ltd. All rights reserved.
|
||||
|
||||
import SwiftUI
|
||||
import SessionUIKit
|
||||
import SessionMessagingKit
|
||||
import SessionUtilitiesKit
|
||||
|
||||
struct QuoteView_SwiftUI: View {
|
||||
public enum Mode { case regular, draft }
|
||||
public enum Direction { case incoming, outgoing }
|
||||
public struct Info {
|
||||
var mode: Mode
|
||||
var authorId: String
|
||||
var quotedText: String?
|
||||
var threadVariant: SessionThread.Variant
|
||||
var currentUserPublicKey: String?
|
||||
var currentUserBlinded15PublicKey: String?
|
||||
var currentUserBlinded25PublicKey: String?
|
||||
var direction: Direction
|
||||
var attachment: Attachment?
|
||||
}
|
||||
|
||||
@State private var thumbnail: UIImage? = nil
|
||||
|
||||
private static let thumbnailSize: CGFloat = 48
|
||||
private static let iconSize: CGFloat = 24
|
||||
private static let labelStackViewSpacing: CGFloat = 2
|
||||
private static let labelStackViewVMargin: CGFloat = 4
|
||||
private static let cancelButtonSize: CGFloat = 33
|
||||
private static let cornerRadius: CGFloat = 4
|
||||
|
||||
private var info: Info
|
||||
private var onCancel: (() -> ())?
|
||||
|
||||
private var isCurrentUser: Bool {
|
||||
return [
|
||||
info.currentUserPublicKey,
|
||||
info.currentUserBlinded15PublicKey,
|
||||
info.currentUserBlinded25PublicKey
|
||||
]
|
||||
.compactMap { $0 }
|
||||
.asSet()
|
||||
.contains(info.authorId)
|
||||
}
|
||||
private var quotedText: String? {
|
||||
if let quotedText = info.quotedText, !quotedText.isEmpty {
|
||||
return quotedText
|
||||
}
|
||||
|
||||
if let attachment = info.attachment {
|
||||
return attachment.shortDescription
|
||||
}
|
||||
|
||||
return nil
|
||||
}
|
||||
private var author: String? {
|
||||
guard !isCurrentUser else { return "MEDIA_GALLERY_SENDER_NAME_YOU".localized() }
|
||||
guard quotedText != nil else {
|
||||
// When we can't find the quoted message we want to hide the author label
|
||||
return Profile.displayNameNoFallback(
|
||||
id: info.authorId,
|
||||
threadVariant: info.threadVariant
|
||||
)
|
||||
}
|
||||
|
||||
return Profile.displayName(
|
||||
id: info.authorId,
|
||||
threadVariant: info.threadVariant
|
||||
)
|
||||
}
|
||||
|
||||
public init(info: Info, onCancel: (() -> ())? = nil) {
|
||||
self.info = info
|
||||
self.onCancel = onCancel
|
||||
if let attachment = info.attachment, attachment.isVisualMedia {
|
||||
attachment.thumbnail(
|
||||
size: .small,
|
||||
success: { [self] image, _ in
|
||||
self.thumbnail = image
|
||||
},
|
||||
failure: {}
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
var body: some View {
|
||||
HStack(
|
||||
alignment: .center,
|
||||
spacing: Values.smallSpacing
|
||||
) {
|
||||
if let attachment: Attachment = info.attachment {
|
||||
// Attachment thumbnail
|
||||
if let image: UIImage = {
|
||||
if let thumbnail = self.thumbnail {
|
||||
return thumbnail
|
||||
}
|
||||
|
||||
let fallbackImageName: String = (MIMETypeUtil.isAudio(attachment.contentType) ? "attachment_audio" : "actionsheet_document_black")
|
||||
return UIImage(named: fallbackImageName)?.withRenderingMode(.alwaysTemplate)
|
||||
}() {
|
||||
Image(uiImage: image)
|
||||
.resizable()
|
||||
.foregroundColor(themeColor: {
|
||||
switch info.mode {
|
||||
case .regular: return (info.direction == .outgoing ?
|
||||
.messageBubble_outgoingText :
|
||||
.messageBubble_incomingText
|
||||
)
|
||||
case .draft: return .textPrimary
|
||||
}
|
||||
}())
|
||||
.frame(
|
||||
width: Self.thumbnailSize,
|
||||
height: Self.thumbnailSize,
|
||||
alignment: .center
|
||||
)
|
||||
.cornerRadius(Self.cornerRadius)
|
||||
}
|
||||
} else {
|
||||
// Line view
|
||||
let lineColor: ThemeValue = {
|
||||
switch info.mode {
|
||||
case .regular: return (info.direction == .outgoing ? .messageBubble_outgoingText : .primary)
|
||||
case .draft: return .primary
|
||||
}
|
||||
}()
|
||||
|
||||
Rectangle()
|
||||
.foregroundColor(themeColor: lineColor)
|
||||
.frame(width: Values.accentLineThickness)
|
||||
}
|
||||
|
||||
// Quoted text and author
|
||||
VStack(
|
||||
alignment: .leading,
|
||||
spacing: Self.labelStackViewSpacing
|
||||
) {
|
||||
let targetThemeColor: ThemeValue = {
|
||||
switch info.mode {
|
||||
case .regular: return (info.direction == .outgoing ?
|
||||
.messageBubble_outgoingText :
|
||||
.messageBubble_incomingText
|
||||
)
|
||||
case .draft: return .textPrimary
|
||||
}
|
||||
}()
|
||||
|
||||
if let author = self.author {
|
||||
Text(author)
|
||||
.bold()
|
||||
.font(.system(size: Values.smallFontSize))
|
||||
.foregroundColor(themeColor: targetThemeColor)
|
||||
}
|
||||
|
||||
if let quotedText = self.quotedText, let textColor = ThemeManager.currentTheme.color(for: targetThemeColor) {
|
||||
AttributedText(
|
||||
MentionUtilities.highlightMentions(
|
||||
in: quotedText,
|
||||
threadVariant: info.threadVariant,
|
||||
currentUserPublicKey: info.currentUserPublicKey,
|
||||
currentUserBlinded15PublicKey: info.currentUserBlinded15PublicKey,
|
||||
currentUserBlinded25PublicKey: info.currentUserBlinded25PublicKey,
|
||||
isOutgoingMessage: (info.direction == .outgoing),
|
||||
textColor: textColor,
|
||||
theme: ThemeManager.currentTheme,
|
||||
primaryColor: ThemeManager.primaryColor,
|
||||
attributes: [
|
||||
.foregroundColor: textColor,
|
||||
.font: UIFont.systemFont(ofSize: Values.smallFontSize)
|
||||
]
|
||||
)
|
||||
)
|
||||
} else {
|
||||
Text("QUOTED_MESSAGE_NOT_FOUND".localized())
|
||||
.font(.system(size: Values.smallFontSize))
|
||||
.foregroundColor(themeColor: targetThemeColor)
|
||||
}
|
||||
}
|
||||
.padding(.vertical, Self.labelStackViewVMargin)
|
||||
|
||||
if info.mode == .draft {
|
||||
// Cancel button
|
||||
Button(
|
||||
action: {
|
||||
onCancel?()
|
||||
},
|
||||
label: {
|
||||
if let image = UIImage(named: "X")?.withRenderingMode(.alwaysTemplate) {
|
||||
Image(uiImage: image)
|
||||
.foregroundColor(themeColor: .textPrimary)
|
||||
.frame(
|
||||
width: Self.cancelButtonSize,
|
||||
height: Self.cancelButtonSize,
|
||||
alignment: .center
|
||||
)
|
||||
}
|
||||
}
|
||||
)
|
||||
}
|
||||
}
|
||||
.padding(.trailing, Values.smallSpacing)
|
||||
}
|
||||
}
|
||||
|
||||
#Preview {
|
||||
ZStack {
|
||||
if #available(iOS 14.0, *) {
|
||||
ThemeManager.currentTheme.colorSwiftUI(for: .backgroundPrimary).ignoresSafeArea()
|
||||
} else {
|
||||
ThemeManager.currentTheme.colorSwiftUI(for: .backgroundPrimary)
|
||||
}
|
||||
|
||||
QuoteView_SwiftUI(
|
||||
info: QuoteView_SwiftUI.Info(
|
||||
mode: .draft,
|
||||
authorId: "",
|
||||
threadVariant: .contact,
|
||||
direction: .outgoing
|
||||
)
|
||||
)
|
||||
.frame(height: 40)
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue