Implement the SpaceAddRoomsScreen. (#4951)

* Update proxies ready for adding rooms to a space. - ClientProxy.recentlyVisitedRooms to take a filter and to return room proxies. - Expose SpaceServiceProxy.addChildToSpace. * Implement the SpaceAddRoomsScreen. * Fix the designs of the selected carousels. Add more snapshot tests for inviting users. * Fix for screen using wrong avatar size.
2026-11-03 06:55:59 +00:00 · 2026-01-14 12:07:57 +00:00
parent 530e249eee
commit cde9714a83
61 changed files with 1060 additions and 102 deletions
@@ -0,0 +1,52 @@
+//
+// Copyright 2025 Element Creations Ltd.
+// Copyright 2023-2025 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 Compound
+import SwiftUI
+
+struct SpaceAddRoomsScreenSelectedItem: View {
+    let room: SpaceAddRoomsScreenRoom
+    let mediaProvider: MediaProviderProtocol?
+    let dismissAction: () -> Void
+    
+    var body: some View {
+        VStack(spacing: 10) {
+            avatar
+                .accessibilityHidden(true)
+            
+            Text(room.title)
+                .font(.compound.bodySM)
+                .foregroundColor(.compound.textSecondary)
+                .lineLimit(1)
+        }
+        .accessibilityElement(children: .combine)
+        .accessibilityAction(named: L10n.actionRemove, dismissAction)
+    }
+    
+    // MARK: - Private
+    
+    var avatar: some View {
+        RoomAvatarImage(avatar: room.avatar,
+                        avatarSize: .room(on: .spaceAddRoomsSelected),
+                        mediaProvider: mediaProvider)
+            .overlayRemoveItemButton(action: dismissAction)
+    }
+}
+
+struct SpaceAddRoomsScreenSelectedItem_Previews: PreviewProvider, TestablePreview {
+    static var previews: some View {
+        SpaceAddRoomsScreenSelectedItem(room: .init(id: "",
+                                                    title: "Selected Room",
+                                                    description: "#selected:matrix.org",
+                                                    avatar: .room(id: "",
+                                                                  name: "Selected Room",
+                                                                  avatarURL: .mockMXCAvatar)),
+                                        mediaProvider: MediaProviderMock(configuration: .init())) { }
+            .frame(width: 80)
+    }
+}