yattee/Shared/Player/CommentsView.swift

import SwiftUI

struct CommentsView: View {
    @State private var repliesID: Comment.ID?

    @EnvironmentObject<CommentsModel> private var comments
    @EnvironmentObject<PlayerModel> private var player

    var body: some View {
        ScrollView(.vertical, showsIndicators: false) {
            VStack(alignment: .leading) {
                let last = comments.all.last
                ForEach(comments.all) { comment in
                    CommentView(comment: comment, repliesID: $repliesID)

                    if comment != last {
                        Divider()
                            .padding(.vertical, 5)
                    }
                }

                HStack {
                    if comments.nextPageAvailable {
                        Button {
                            comments.loadNextPage()
                        } label: {
                            Label("Show more", systemImage: "arrow.turn.down.right")
                        }
                    }

                    if !comments.firstPage {
                        Button {
                            comments.load(page: nil)
                        } label: {
                            Label("Show first", systemImage: "arrow.turn.down.left")
                        }
                    }
                }
                .buttonStyle(.plain)
                .padding(.vertical, 5)
                .foregroundColor(.secondary)
            }
        }
        .padding(.horizontal)
    }
}

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()
    }
}