2021-12-04 19:35:41 +00:00
|
|
|
import SwiftUI
|
|
|
|
|
|
|
|
struct CommentsView: View {
|
2022-01-05 16:12:32 +00:00
|
|
|
var embedInScrollView = false
|
2021-12-04 19:35:41 +00:00
|
|
|
@State private var repliesID: Comment.ID?
|
|
|
|
|
|
|
|
@EnvironmentObject<CommentsModel> private var comments
|
|
|
|
|
|
|
|
var body: some View {
|
2021-12-05 17:14:49 +00:00
|
|
|
Group {
|
|
|
|
if comments.disabled {
|
2022-09-28 15:45:05 +00:00
|
|
|
NoCommentsView(text: "Comments are disabled".localized(), systemImage: "xmark.circle.fill")
|
2021-12-05 17:14:49 +00:00
|
|
|
} else if comments.loaded && comments.all.isEmpty {
|
2022-09-28 15:45:05 +00:00
|
|
|
NoCommentsView(text: "No comments".localized(), systemImage: "0.circle.fill")
|
2021-12-05 17:14:49 +00:00
|
|
|
} else if !comments.loaded {
|
2021-12-29 18:39:38 +00:00
|
|
|
PlaceholderProgressView()
|
2021-12-05 17:14:49 +00:00
|
|
|
} else {
|
2022-01-05 16:12:32 +00:00
|
|
|
let last = comments.all.last
|
|
|
|
let commentsStack = LazyVStack {
|
|
|
|
ForEach(comments.all) { comment in
|
|
|
|
CommentView(comment: comment, repliesID: $repliesID)
|
|
|
|
.onAppear {
|
|
|
|
comments.loadNextPageIfNeeded(current: comment)
|
2021-12-05 17:14:49 +00:00
|
|
|
}
|
2022-06-24 23:39:29 +00:00
|
|
|
.borderBottom(height: comment != last ? 0.5 : 0, color: Color("ControlsBorderColor"))
|
2021-12-04 19:35:41 +00:00
|
|
|
}
|
|
|
|
}
|
2022-01-05 16:12:32 +00:00
|
|
|
|
|
|
|
if embedInScrollView {
|
|
|
|
ScrollView(.vertical, showsIndicators: false) {
|
|
|
|
commentsStack
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
commentsStack
|
|
|
|
}
|
2021-12-04 19:35:41 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
.padding(.horizontal)
|
2021-12-05 17:14:49 +00:00
|
|
|
}
|
2021-12-04 19:35:41 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
struct CommentsView_Previews: PreviewProvider {
|
|
|
|
static var previews: some View {
|
|
|
|
if #available(iOS 15.0, macOS 12.0, tvOS 15.0, *) {
|
|
|
|
CommentsView()
|
|
|
|
.previewInterfaceOrientation(.landscapeRight)
|
|
|
|
.injectFixtureEnvironmentObjects()
|
|
|
|
}
|
|
|
|
|
|
|
|
CommentsView()
|
|
|
|
.injectFixtureEnvironmentObjects()
|
|
|
|
}
|
|
|
|
}
|