Move Compound Inspector into the project.

2026-11-03 06:55:59 +00:00 · 2025-09-28 15:37:59 +01:00
parent 90eeabf9de
commit c6b6c13533
33 changed files with 1828 additions and 0 deletions
@@ -0,0 +1,79 @@
+//
+// Copyright 2023, 2024 New Vector Ltd.
+//
+// SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+// Please see LICENSE files in the repository root for full details.
+//
+
+import SwiftUI
+import Compound
+
+struct AlertScreen: View {
+    @State private var isPresentingActionAlert = false
+    @State private var isPresentingActionAndCancelAlert = false
+    @State private var isPresentingDestructiveAlert = false
+    @State private var isPresentingTextFieldAlert = false
+    @State private var textFieldValue = ""
+    
+    private let title = "A Short Title is Best"
+    private let message = "A message should be a short, complete sentence."
+    
+    var body: some View {
+        ScreenContent(navigationTitle: "Alerts") {
+            Text("This component will be rendered differently when running on macOS.")
+                .font(.footnote)
+                .foregroundColor(.secondary)
+                .multilineTextAlignment(.center)
+            
+            Button("Action") { isPresentingActionAlert = true }
+                .padding(.top)
+                .alert(title, isPresented: $isPresentingActionAlert) {
+                    Button("Action") { }
+                } message: {
+                    Text(message)
+                }
+            
+            Button("Action and Cancel") { isPresentingActionAndCancelAlert = true }
+                .padding(.top)
+                .alert(title, isPresented: $isPresentingActionAndCancelAlert) {
+                    Button("Action") { }
+                    Button("Cancel", role: .cancel) { }
+                } message: {
+                    Text(message)
+                }
+            
+            Button("Destructive") { isPresentingDestructiveAlert = true }
+                .padding(.top)
+                .alert(title, isPresented: $isPresentingDestructiveAlert) {
+                    Button("Action") { }
+                    Button("Destructive", role: .destructive) { }
+                    Button("Cancel", role: .cancel) { }
+                } message: {
+                    Text(message)
+                }
+            
+            Button("TextField") { isPresentingTextFieldAlert = true }
+                .padding(.top)
+                .alert(title, isPresented: $isPresentingTextFieldAlert) {
+                    TextField("Input", text: $textFieldValue, prompt: Text("Placeholder"))
+                    Button("Action") { }
+                    Button("Cancel", role: .cancel) { }
+                } message: {
+                    Text(message)
+                }
+        }
+    }
+}
+
+struct AlertScreen_Previews: PreviewProvider {
+    static var previews: some View {
+        NavigationStack {
+            AlertScreen()
+        }
+        .introspect(.window, on: .supportedVersions) { window in
+            // Fix the tint colour like the App strut does.
+            window.tintColor = .compound.textActionPrimary
+        }
+        .previewLayout(.fixed(width: 375, height: 750))
+    }
+}