Redaction reason (#6098)

2026-11-03 16:10:20 +00:00 · 2026-09-07 18:57:05 +02:00
parent 350d47c94a
commit 346a1e8ebb
35 changed files with 381 additions and 57 deletions
@@ -0,0 +1,102 @@
+//
+// Copyright 2026 Element Creations Ltd.
+//
+// SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+// Please see LICENSE files in the repository root for full details.
+//
+
+import Compound
+import SwiftUI
+
+/// Asks the user to confirm removing a message, letting them give an optional reason.
+struct RedactConfirmationView: View {
+    @Environment(\.dismiss) private var dismiss
+    
+    @State var reason = ""
+    let confirm: (String) -> Void
+    
+    @State private var sheetHeight: CGFloat = .zero
+    private let topPadding: CGFloat = 44 // For the navigation bar
+    
+    var body: some View {
+        ElementNavigationStack {
+            ScrollView {
+                VStack(spacing: 0) {
+                    header
+                    TextField(L10n.screenRoomConfirmRemovalReasonPlaceholder, text: $reason)
+                        .textFieldStyle(.compound(labelText: L10n.screenRoomConfirmRemovalReasonLabel))
+                    buttons
+                }
+                .padding(.horizontal, 24)
+                .padding(.bottom, 16)
+                .readHeight($sheetHeight)
+            }
+            .scrollBounceBehavior(.basedOnSize)
+            .toolbar {
+                ToolbarItem(placement: .primaryAction) {
+                    ToolbarButton(role: .close) { dismiss() }
+                }
+            }
+        }
+        .presentationDetents([.height(sheetHeight + topPadding)])
+        .presentationDragIndicator(.hidden)
+        .presentationBackground(.compound.bgCanvasDefault)
+        .interactiveDismissDisabled()
+    }
+    
+    private var header: some View {
+        VStack(spacing: 8) {
+            Text(L10n.screenRoomConfirmRemovalTitle)
+                .font(.compound.headingMDBold)
+                .foregroundStyle(.compound.textPrimary)
+            
+            Text(L10n.screenRoomConfirmRemovalMessage)
+                .font(.compound.bodyLG)
+                .foregroundStyle(.compound.textSecondary)
+        }
+        .multilineTextAlignment(.center)
+        .padding(.top, 8)
+        .padding(.bottom, 24)
+    }
+    
+    private var buttons: some View {
+        ViewThatFits {
+            HStack(spacing: 12) {
+                cancelButton
+                removeButton
+            }
+            
+            VStack(spacing: 16) {
+                removeButton
+                cancelButton
+            }
+        }
+        .padding(.top, 24)
+    }
+    
+    private var cancelButton: some View {
+        Button(L10n.actionCancel) {
+            dismiss()
+        }
+        .buttonStyle(.compound(.secondary))
+    }
+    
+    private var removeButton: some View {
+        Button(L10n.actionRemove, role: .destructive) {
+            confirm(reason)
+        }
+        .buttonStyle(.compound(.primary))
+    }
+}
+
+// MARK: - Previews
+
+struct RedactConfirmationView_Previews: PreviewProvider, TestablePreview {
+    static var previews: some View {
+        RedactConfirmationView { _ in }
+            .previewDisplayName("Empty")
+        
+        RedactConfirmationView(reason: "Posted in the wrong room.") { _ in }
+            .previewDisplayName("Reason")
+    }
+}