Further work on UI organization

1 files changed, 24 insertions, 6 deletions

diff --git a/Hotline/Views/UserListView.swift b/Hotline/Views/UserListView.swift
index 70b58b9..cae1d0c 100644
--- a/Hotline/Views/UserListView.swift
+++ b/Hotline/Views/UserListView.swift
@@ -4,14 +4,32 @@ struct UserListView: View {
   @Environment(HotlineClient.self) private var hotline
   
   var body: some View {
-    VStack(spacing: 0) {
-      List(hotline.userList) { u in
-        HStack(alignment: .firstTextBaseline) {
-          Text(u.name).bold().foregroundStyle(u.isAdmin ? Color.red : Color.black).opacity(u.isIdle ? 0.5 : 1.0)
+    NavigationStack {
+      VStack(spacing: 0) {
+        List(hotline.userList) { u in
+          HStack(alignment: .firstTextBaseline) {
+            Text(u.name).bold().foregroundStyle(u.isAdmin ? Color.red : Color.black).opacity(u.isIdle ? 0.5 : 1.0)
+          }
+        }
+        .listStyle(.plain)
+        .padding()
+      }
+      .navigationBarTitleDisplayMode(.inline)
+      .toolbar {
+        ToolbarItem(placement: .principal) {
+          Text(hotline.server?.name ?? "")
+            .font(.headline)
+        }
+        ToolbarItem(placement: .navigationBarLeading) {
+          Button {
+            hotline.disconnect()
+          } label: {
+            Image(systemName: "xmark.circle.fill")
+              .symbolRenderingMode(.hierarchical)
+              .foregroundColor(.secondary)
+          }
         }
       }
-      .listStyle(.plain)
-      .padding()
     }
   }
 }