Report Content v2 (#659)

* created the empty files * set up the view content * connected the Room Coordinator to the ReportContent Coordinator * added the loading indicators and the dismiss behaviour * almost completed but I need to display the success indicator when the report is sent succesfully * completed * added an untranslated string * tests * Update ElementX/Sources/Screens/RoomScreen/RoomScreenCoordinator.swift Co-authored-by: Doug <6060466+pixlwave@users.noreply.github.com> * Update ElementX/Sources/Screens/ReportContent/View/ReportContentScreen.swift Co-authored-by: Doug <6060466+pixlwave@users.noreply.github.com> * pr comment * pr suggestion * removing unused identifiers * fixing compilation error * added a form text editor view * changelog --------- Co-authored-by: Doug <6060466+pixlwave@users.noreply.github.com>
2026-11-03 06:55:59 +00:00 · 2023-03-02 19:24:10 +01:00
parent 1c09a7eace
commit eed031c9cc
27 changed files with 472 additions and 85 deletions
@@ -0,0 +1,64 @@
+//
+// Copyright 2023 New Vector Ltd
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+import SwiftUI
+
+struct FormTextEditor: View {
+    @Binding var text: String
+    let placeholder: String
+    var editorAccessibilityIdentifier: String?
+
+    var body: some View {
+        ZStack(alignment: .topLeading) {
+            RoundedRectangle(cornerRadius: 14, style: .continuous)
+                .fill(Color.element.formRowBackground)
+
+            let textEditor = TextEditor(text: $text)
+                .tint(.element.brand)
+                .padding(.horizontal, 10)
+                .padding(.vertical, 4)
+                .cornerRadius(14)
+                .scrollContentBackground(.hidden)
+            if let editorAccessibilityIdentifier {
+                textEditor
+                    .accessibilityIdentifier(editorAccessibilityIdentifier)
+            } else {
+                textEditor
+            }
+
+            if text.isEmpty {
+                Text(placeholder)
+                    .font(.element.body)
+                    .foregroundColor(Color.element.secondaryContent)
+                    .padding(.horizontal, 16)
+                    .padding(.vertical, 12)
+                    .allowsHitTesting(false)
+            }
+
+            RoundedRectangle(cornerRadius: 14, style: .continuous)
+                .stroke(Color.element.quaternaryContent)
+        }
+        .frame(maxWidth: .infinity)
+        .frame(height: 220)
+        .font(.body)
+    }
+}
+
+struct FormTextEditor_Previews: PreviewProvider {
+    static var previews: some View {
+        FormTextEditor(text: .constant(""), placeholder: "test", editorAccessibilityIdentifier: nil)
+    }
+}