97 lines
2.7 KiB
Swift
97 lines
2.7 KiB
Swift
import SwiftUI
|
|
|
|
struct ChatsListScreen: View {
|
|
@EnvironmentObject var store: AppStore
|
|
|
|
var body: some View {
|
|
ZStack {
|
|
// Background color
|
|
Color.Material.Background.light
|
|
.ignoresSafeArea()
|
|
|
|
// Content
|
|
VStack(spacing: 0) {
|
|
// Header
|
|
ChatsScreenHeader()
|
|
|
|
// Chats list
|
|
if !store.state.chatsState.chats.isEmpty {
|
|
List {
|
|
ForEach(store.state.chatsState.chats) { chat in
|
|
ChatsRow(chat: chat)
|
|
}
|
|
}
|
|
.listStyle(.plain)
|
|
.background(Color.Material.Background.light)
|
|
} else {
|
|
Spacer()
|
|
}
|
|
|
|
// Tab bar
|
|
SharedTabBar()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
private struct ChatsScreenHeader: View {
|
|
var body: some View {
|
|
ZStack {
|
|
// bg
|
|
Color.Material.Background.dark
|
|
.ignoresSafeArea()
|
|
|
|
// title
|
|
Text(L10n.Chats.title)
|
|
.font(.head2)
|
|
.foregroundColor(Color.Material.Text.main)
|
|
|
|
HStack {
|
|
Spacer()
|
|
Image(systemName: "plus")
|
|
.foregroundColor(.Material.Elements.active)
|
|
.tappablePadding(.symmetric(12)) {
|
|
print("Add contact")
|
|
}
|
|
}
|
|
.padding(.horizontal, 16)
|
|
}
|
|
.frame(height: 44)
|
|
}
|
|
}
|
|
|
|
private struct ChatsRow: View {
|
|
@EnvironmentObject var store: AppStore
|
|
|
|
var chat: Chat
|
|
|
|
var body: some View {
|
|
VStack(spacing: 0) {
|
|
HStack(spacing: 8) {
|
|
ZStack {
|
|
Circle()
|
|
.frame(width: 44, height: 44)
|
|
.foregroundColor(.red)
|
|
Text(chat.participant.firstLetter)
|
|
.foregroundColor(.white)
|
|
.font(.body1)
|
|
}
|
|
Text(chat.participant)
|
|
.foregroundColor(Color.Material.Text.main)
|
|
.font(.body2)
|
|
Spacer()
|
|
}
|
|
.padding(.horizontal, 16)
|
|
.padding(.vertical, 4)
|
|
Rectangle()
|
|
.frame(maxWidth: .infinity)
|
|
.frame(height: 1)
|
|
.foregroundColor(.Material.Background.dark)
|
|
}
|
|
.sharedListRow()
|
|
.onTapGesture {
|
|
store.dispatch(.chatsAction(.startChat(accountJid: chat.account, participantJid: chat.participant)))
|
|
}
|
|
}
|
|
}
|