99 lines
4.3 KiB
Swift
99 lines
4.3 KiB
Swift
//
|
|
// https://mczachurski.dev
|
|
// Copyright © 2023 Marcin Czachurski and the repository contributors.
|
|
// Licensed under the MIT License.
|
|
//
|
|
|
|
import SwiftUI
|
|
import MastodonKit
|
|
|
|
struct CommentBody: View {
|
|
@EnvironmentObject var applicationState: ApplicationState
|
|
|
|
@State var statusViewModel: StatusViewModel
|
|
private let contentWidth = Int(UIScreen.main.bounds.width) - 60
|
|
|
|
var body: some View {
|
|
HStack (alignment: .top) {
|
|
|
|
NavigationLink(destination: UserProfileView(
|
|
accountId: self.statusViewModel.account.id,
|
|
accountDisplayName: self.statusViewModel.account.displayName,
|
|
accountUserName: self.statusViewModel.account.acct)
|
|
.environmentObject(applicationState)) {
|
|
UserAvatar(accountId: self.statusViewModel.account.id, accountAvatar: self.statusViewModel.account.avatar, width: 32, height: 32)
|
|
}
|
|
|
|
VStack (alignment: .leading, spacing: 0) {
|
|
HStack (alignment: .top) {
|
|
Text(statusViewModel.account.displayNameWithoutEmojis)
|
|
.foregroundColor(.mainTextColor)
|
|
.font(.footnote)
|
|
.fontWeight(.bold)
|
|
|
|
Spacer()
|
|
|
|
Text(self.statusViewModel.createdAt.toRelative(.isoDateTimeMilliSec))
|
|
.foregroundColor(.lightGrayColor)
|
|
.font(.footnote)
|
|
}
|
|
|
|
HTMLFormattedText(self.statusViewModel.content, withFontSize: 14, andWidth: contentWidth)
|
|
.padding(.top, -4)
|
|
.padding(.leading, -4)
|
|
|
|
if self.statusViewModel.mediaAttachments.count > 0 {
|
|
LazyVGrid(
|
|
columns: self.statusViewModel.mediaAttachments.count == 1 ? [GridItem(.flexible())]: [GridItem(.flexible()), GridItem(.flexible())],
|
|
alignment: .center,
|
|
spacing: 4
|
|
) {
|
|
ForEach(self.statusViewModel.mediaAttachments, id: \.id) { attachment in
|
|
AsyncImage(url: attachment.url) { image in
|
|
image
|
|
.resizable()
|
|
.scaledToFill()
|
|
.frame(minWidth: 0, maxWidth: .infinity)
|
|
.frame(height: self.statusViewModel.mediaAttachments.count == 1 ? 200 : 100)
|
|
.cornerRadius(10)
|
|
.shadow(color: .mainTextColor.opacity(0.3), radius: 2)
|
|
} placeholder: {
|
|
Image(systemName: "photo")
|
|
.resizable()
|
|
.scaledToFit()
|
|
.frame(minWidth: 0, maxWidth: .infinity)
|
|
.frame(height: self.statusViewModel.mediaAttachments.count == 1 ? 200 : 100)
|
|
.foregroundColor(.mainTextColor)
|
|
.opacity(0.05)
|
|
}
|
|
}
|
|
}
|
|
.padding(.bottom, 8)
|
|
}
|
|
}
|
|
.onTapGesture {
|
|
withAnimation(.linear(duration: 0.3)) {
|
|
if self.statusViewModel.id == self.applicationState.showInteractionStatusId {
|
|
self.applicationState.showInteractionStatusId = String.empty()
|
|
} else {
|
|
self.applicationState.showInteractionStatusId = self.statusViewModel.id
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.padding(8)
|
|
.background(self.getSelectedRowColor(statusViewModel: statusViewModel))
|
|
}
|
|
|
|
private func getSelectedRowColor(statusViewModel: StatusViewModel) -> Color {
|
|
return self.applicationState.showInteractionStatusId == statusViewModel.id ? Color.selectedRowColor : Color.systemBackground
|
|
}
|
|
}
|
|
|
|
struct CommentBody_Previews: PreviewProvider {
|
|
static var previews: some View {
|
|
Text("")
|
|
// CommentBody(status: Status(id: "", content: "", application: Application(name: "")))
|
|
}
|
|
}
|