Add a SpaceScreen for listing rooms and subspaces within a space. (#4412)

2026-11-02 21:33:26 +00:00 · 2025-08-14 17:24:20 +01:00
parent de626186bd
commit 8000dbe29f
34 changed files with 756 additions and 93 deletions
@@ -0,0 +1,71 @@
+//
+// Copyright 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 SpaceScreen: View {
+    @Bindable var context: SpaceScreenViewModel.Context
+    
+    var body: some View {
+        ScrollView {
+            LazyVStack(spacing: 0) {
+                SpaceHeaderView(spaceRoomProxy: context.viewState.space,
+                                mediaProvider: context.mediaProvider)
+                rooms
+            }
+        }
+        .navigationTitle(context.viewState.space.name ?? L10n.commonSpace)
+        .navigationBarTitleDisplayMode(.inline)
+        .background(Color.compound.bgCanvasDefault.ignoresSafeArea())
+    }
+    
+    @ViewBuilder
+    var rooms: some View {
+        ForEach(context.viewState.rooms, id: \.id) { spaceRoom in
+            SpaceRoomCell(spaceRoom: spaceRoom,
+                          isSelected: false,
+                          mediaProvider: context.mediaProvider) { action in
+                context.send(viewAction: .spaceAction(action))
+            }
+        }
+        
+        if context.viewState.isPaginating {
+            ProgressView()
+                .padding()
+        }
+    }
+}
+
+// MARK: - Previews
+
+struct SpaceScreen_Previews: PreviewProvider, TestablePreview {
+    static let viewModel = makeViewModel()
+    
+    static var previews: some View {
+        NavigationStack {
+            SpaceScreen(context: viewModel.context)
+        }
+    }
+    
+    static func makeViewModel() -> SpaceScreenViewModel {
+        let spaceRoomProxy = SpaceRoomProxyMock(.init(id: "!eng-space:matrix.org",
+                                                      name: "Engineering Team",
+                                                      isSpace: true,
+                                                      childrenCount: 30,
+                                                      joinedMembersCount: 76,
+                                                      heroes: [.mockDan, .mockBob, .mockCharlie, .mockVerbose],
+                                                      topic: "Description of the space goes right here. Lorem ipsum dolor sit amet consectetur. Leo viverra morbi habitant in.",
+                                                      joinRule: .knockRestricted(rules: [.roomMembership(roomId: "")])))
+        let spaceRoomListProxy = SpaceRoomListProxyMock(.init(spaceRoomProxy: spaceRoomProxy,
+                                                              initialSpaceRooms: .mockSpaceList))
+        
+        let viewModel = SpaceScreenViewModel(spaceRoomList: spaceRoomListProxy,
+                                             mediaProvider: MediaProviderMock(configuration: .init()))
+        return viewModel
+    }
+}