136 lines
5.9 KiB
Swift
136 lines
5.9 KiB
Swift
//
|
|
// https://mczachurski.dev
|
|
// Copyright © 2022 Marcin Czachurski and the repository contributors.
|
|
// Licensed under the MIT License.
|
|
//
|
|
|
|
import SwiftUI
|
|
import MastodonSwift
|
|
import AVFoundation
|
|
|
|
struct DetailsView: View {
|
|
@EnvironmentObject var applicationState: ApplicationState
|
|
@State var statusId: String
|
|
|
|
@State private var statusData: StatusData?
|
|
|
|
var body: some View {
|
|
ScrollView {
|
|
if let statusData = self.statusData {
|
|
VStack (alignment: .leading) {
|
|
ImagesCarousel(attachments: statusData.attachments())
|
|
|
|
VStack(alignment: .leading) {
|
|
NavigationLink(destination: UserProfileView(
|
|
accountId: statusData.accountId,
|
|
accountDisplayName: statusData.accountDisplayName,
|
|
accountUserName: statusData.accountUsername)
|
|
.environmentObject(applicationState)) {
|
|
UsernameRow(statusData: statusData)
|
|
}
|
|
|
|
HTMLFormattedText(statusData.content)
|
|
.padding(.leading, -4)
|
|
|
|
VStack (alignment: .leading) {
|
|
LabelIcon(iconName: "camera", value: "SONY ILCE-7M3")
|
|
LabelIcon(iconName: "camera.aperture", value: "Viltrox 24mm F1.8 E")
|
|
LabelIcon(iconName: "timelapse", value: "24.0 mm, f/1.8, 1/640s, ISO 100")
|
|
LabelIcon(iconName: "calendar", value: "2 Oct 2022")
|
|
}
|
|
.foregroundColor(Color.lightGrayColor)
|
|
|
|
HStack {
|
|
Text("Uploaded")
|
|
Text(statusData.createdAt.toRelative(.isoDateTimeMilliSec))
|
|
.padding(.horizontal, -4)
|
|
if let applicationName = statusData.applicationName {
|
|
Text("via \(applicationName)")
|
|
}
|
|
}
|
|
.foregroundColor(Color.lightGrayColor)
|
|
.font(.footnote)
|
|
|
|
InteractionRow(statusData: statusData)
|
|
.padding(8)
|
|
}
|
|
.padding(8)
|
|
|
|
Rectangle()
|
|
.size(width: UIScreen.main.bounds.width, height: 4)
|
|
.fill(Color.mainTextColor)
|
|
.opacity(0.1)
|
|
|
|
CommentsSection(statusId: statusData.id)
|
|
}
|
|
} else {
|
|
VStack (alignment: .leading) {
|
|
Rectangle()
|
|
.fill(Color.placeholderText)
|
|
.frame(width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.width)
|
|
|
|
HStack (alignment: .center) {
|
|
Circle()
|
|
.fill(Color.placeholderText)
|
|
.frame(width: 48.0, height: 48.0)
|
|
|
|
VStack (alignment: .leading) {
|
|
Text("Verylong Displayname")
|
|
.foregroundColor(Color.mainTextColor)
|
|
Text("@username")
|
|
.foregroundColor(Color.lightGrayColor)
|
|
.font(.footnote)
|
|
}
|
|
.padding(.leading, 8)
|
|
}.padding(8)
|
|
|
|
VStack(alignment: .leading) {
|
|
Text("Lorem ispum text something")
|
|
.foregroundColor(Color.lightGrayColor)
|
|
.font(.footnote)
|
|
Text("Lorem ispum text something sdf sdfsdf sdfdsfsdfsdf")
|
|
.foregroundColor(Color.lightGrayColor)
|
|
.font(.footnote)
|
|
|
|
LabelIcon(iconName: "camera", value: "SONY ILCE-7M3")
|
|
LabelIcon(iconName: "camera.aperture", value: "Viltrox 24mm F1.8 E")
|
|
LabelIcon(iconName: "timelapse", value: "24.0 mm, f/1.8, 1/640s, ISO 100")
|
|
LabelIcon(iconName: "calendar", value: "2 Oct 2022")
|
|
}.padding(8)
|
|
}
|
|
.redacted(reason: .placeholder)
|
|
.animatePlaceholder(isLoading: .constant(true))
|
|
}
|
|
}
|
|
.navigationBarTitle("Details")
|
|
.onAppear {
|
|
Task {
|
|
do {
|
|
// Get status from API.
|
|
let status = try await TimelineService.shared.getStatus(withId: self.statusId, and: self.applicationState.accountData)
|
|
|
|
if let status {
|
|
// Get status from database.
|
|
let statusDataFromDatabase = StatusDataHandler.shared.getStatusData(statusId: self.statusId)
|
|
|
|
// If we have status in database then we can update data.
|
|
if let statusDataFromDatabase {
|
|
self.statusData = try await TimelineService.shared.updateStatus(statusDataFromDatabase, basedOn: status)
|
|
} else {
|
|
self.statusData = try await status.createStatusData()
|
|
}
|
|
}
|
|
} catch {
|
|
print("Error \(error.localizedDescription)")
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
struct DetailsView_Previews: PreviewProvider {
|
|
static var previews: some View {
|
|
DetailsView(statusId: "123")
|
|
}
|
|
}
|