Hotline/macOS/MessageBoardView.swift


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83

import SwiftUI

struct MessageBoardView: View {
  @Environment(Hotline.self) private var model: Hotline
  
  @State private var initialLoadComplete = false
  @State private var composerDisplayed = false
  @State private var composerText = ""
  
  var body: some View {
    NavigationStack {
      ScrollView {
        LazyVStack(alignment: .leading) {
          ForEach(model.messageBoard, id: \.self) {
            Text($0)
              .lineLimit(100)
              .lineSpacing(4)
              .padding()
              .textSelection(.enabled)
            Divider()
          }
        }
        Spacer()
      }
      .task {
        if !model.messageBoardLoaded {
          let _ = await model.getMessageBoard()
        }
      }
      .overlay {
        if !model.messageBoardLoaded {
          VStack {
            ProgressView()
              .controlSize(.large)
          }
          .frame(maxWidth: .infinity)
        }
      }
      .background(Color(nsColor: .textBackgroundColor))
    }
    .sheet(isPresented: $composerDisplayed) {
      TextEditor(text: $composerText)
        .padding()
        .font(.system(size: 13))
        .lineSpacing(4)
        .background(Color(nsColor: .textBackgroundColor))
        .frame(idealWidth: 450, idealHeight: 350)
        .toolbar {
          ToolbarItem(placement: .cancellationAction) {
            Button("Cancel") {
              composerDisplayed.toggle()
            }
          }
          
          ToolbarItem(placement: .primaryAction) {
            Button("Post") {
              composerDisplayed.toggle()
              let text = composerText
              composerText = ""
              model.postToMessageBoard(text: text)
              Task {
                await model.getMessageBoard()
              }
            }
          }
        }
    }
    .toolbar {
      ToolbarItem(placement:.primaryAction) {
        Button {
          composerDisplayed.toggle()
        } label: {
          Image(systemName: "square.and.pencil")
        }
      }
    }
  }
}

#Preview {
  MessageBoardView()
    .environment(Hotline(trackerClient: HotlineTrackerClient(), client: HotlineClient()))
}