134 lines
4.5 KiB
Swift
134 lines
4.5 KiB
Swift
import Combine
|
|
import Foundation
|
|
import Martin
|
|
import SwiftUI
|
|
|
|
struct ConversationScreen: View {
|
|
@EnvironmentObject var store: AppStore
|
|
|
|
var body: some View {
|
|
ZStack {
|
|
// Background color
|
|
Color.Main.backgroundLight
|
|
.ignoresSafeArea()
|
|
|
|
// Content
|
|
VStack(spacing: 0) {
|
|
// Header
|
|
ConversationScreenHeader()
|
|
|
|
// Msg list
|
|
let messages = store.state.conversationsState.currentMessages
|
|
if !messages.isEmpty {
|
|
List {
|
|
ForEach(messages) { message in
|
|
ConversationMessageRow(message: message)
|
|
}
|
|
}
|
|
.listStyle(.plain)
|
|
.background(Color.Main.backgroundLight)
|
|
} else {
|
|
Spacer()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
private struct ConversationScreenHeader: View {
|
|
// @EnvironmentObject var state: AppState
|
|
|
|
var body: some View {
|
|
ZStack {
|
|
// bg
|
|
Color.Main.backgroundDark
|
|
.ignoresSafeArea()
|
|
|
|
// title
|
|
// let name = (
|
|
// state.activeConversation?.participant?.name ??
|
|
// state.activeConversation.participant?.contactBareJid
|
|
// ) ?? L10n.Chat.title
|
|
Text(L10n.Chat.title)
|
|
.font(.head2)
|
|
.foregroundColor(Color.Main.black)
|
|
|
|
HStack {
|
|
Image(systemName: "chevron.left")
|
|
.foregroundColor(Color.Tango.orangeMedium)
|
|
.tappablePadding(.symmetric(12)) {
|
|
store.dispatch(.changeFlow(store.state.previousFlow))
|
|
}
|
|
Spacer()
|
|
// Image(systemName: "plus.viewfinder")
|
|
// .foregroundColor(Color.Tango.orangeMedium)
|
|
// .tappablePadding(.symmetric(12)) {
|
|
// print("Scan QR-code")
|
|
// }
|
|
}
|
|
.padding(.horizontal, 16)
|
|
}
|
|
.frame(height: 44)
|
|
}
|
|
}
|
|
|
|
private struct ConversationMessageRow: View {
|
|
@EnvironmentObject var store: AppStore
|
|
|
|
let message: Message
|
|
|
|
var body: some View {
|
|
VStack {
|
|
if isIncoming() {
|
|
HStack {
|
|
MessageContainer(message: message, isOutgoing: false)
|
|
.padding(.all, 8)
|
|
Spacer()
|
|
.frame(minWidth: 48, maxWidth: .infinity, alignment: .leading)
|
|
}
|
|
} else {
|
|
HStack {
|
|
Spacer()
|
|
.frame(minWidth: 48, maxWidth: .infinity, alignment: .leading)
|
|
MessageContainer(message: message, isOutgoing: true)
|
|
.padding(.all, 8)
|
|
}
|
|
}
|
|
// HStack {
|
|
// if isIncoming() {
|
|
// HStack
|
|
// }
|
|
// // if isIncoming() {
|
|
// // Image(systemName: "person.fill")
|
|
// // .foregroundColor(Color.Main.black)
|
|
// // .frame(width: 32, height: 32)
|
|
// // .background(Color.Main.backgroundLight)
|
|
// // .clipShape(Circle())
|
|
// // Text(message.body ?? "...")
|
|
// // .padding(.all, 8)
|
|
// // .background(Color.Main.backgroundLight)
|
|
// // .clipShape(RoundedRectangle(cornerRadius: 8))
|
|
// // .foregroundColor(Color.Main.black)
|
|
// // } else {
|
|
// // Text(message.body ?? "--NO BODY?--")
|
|
// // .padding(.all, 8)
|
|
// // .background(Color.Main.backgroundLight)
|
|
// // .clipShape(RoundedRectangle(cornerRadius: 8))
|
|
// // .foregroundColor(Color.Main.black)
|
|
// // Image(systemName: "person.fill")
|
|
// // .foregroundColor(Color.Main.black)
|
|
// // .frame(width: 32, height: 32)
|
|
// // .background(Color.Main.backgroundLight)
|
|
// // .clipShape(Circle())
|
|
// // }
|
|
// }
|
|
// .padding(.horizontal, 16)
|
|
}
|
|
.sharedListRow()
|
|
}
|
|
|
|
private func isIncoming() -> Bool {
|
|
message.from != store.state.conversationsState.currentChat?.account
|
|
}
|
|
}
|