IceCubesApp/Packages/Timeline/Sources/Timeline/Status/StatusRowView.swift

import SwiftUI
import Models
import Routeur

struct StatusRowView: View {
  @EnvironmentObject private var routeurPath: RouterPath
  
  let status: Status

  var body: some View {
    VStack(alignment: .leading) {
      reblogView
      statusView
      StatusActionsView(status: status)
        .padding(.vertical, 8)
    }
  }
  
  @ViewBuilder
  private var reblogView: some View {
    if status.reblog != nil {
      HStack(spacing: 2) {
        Image(systemName:"arrow.left.arrow.right.circle")
        Text("\(status.account.displayName) reblogged")
      }
      .font(.footnote)
      .foregroundColor(.gray)
      .fontWeight(.semibold)
    }
  }
  
  @ViewBuilder
  private var statusView: some View {
    if let status: AnyStatus = status.reblog ?? status {
      Button {
        routeurPath.navigate(to: .accountDetail(id: status.account.id))
      } label: {
        makeAccountView(status: status)
      }.buttonStyle(.plain)
      
      Text(try! AttributedString(markdown: status.contentAsMarkdown))
        .font(.body)
        .onTapGesture {
          routeurPath.navigate(to: .statusDetail(id: status.id))
        }
    }
  }
  
  @ViewBuilder
  private func makeAccountView(status: AnyStatus) -> some View {
    AsyncImage(
      url: status.account.avatar,
      content: { image in
        image.resizable()
          .aspectRatio(contentMode: .fit)
          .cornerRadius(4)
          .frame(maxWidth: 40, maxHeight: 40)
      },
      placeholder: {
        ProgressView()
          .frame(maxWidth: 40, maxHeight: 40)
      }
    )
    VStack(alignment: .leading) {
      Text(status.account.displayName)
        .font(.headline)
      HStack {
        Text("@\(status.account.acct)")
          .font(.footnote)
          .foregroundColor(.gray)
        Spacer()
        Text(status.createdAtFormatted)
          .font(.footnote)
          .foregroundColor(.gray)
      }
    }
  }
}