implemented the UI to manage authorized spaces

2026-11-02 21:33:26 +00:00 · 2025-11-28 17:45:37 +01:00
parent 0dcf1ffda2
commit 0782faeadd
7 changed files with 189 additions and 11 deletions
@@ -19,13 +19,21 @@ struct ManageAuthorizedSpacesScreenViewState: BindableState {
        authorizedSpacesSelection.selectedIDs != desiredSelectedIDs
    }
    
+    var isDoneButtonDisabled: Bool {
+        desiredSelectedIDs.isEmpty || !hasChanges
+    }
+    
    init(authorizedSpacesSelection: AuthorizedSpacesSelection) {
        self.authorizedSpacesSelection = authorizedSpacesSelection
        desiredSelectedIDs = authorizedSpacesSelection.selectedIDs
    }
 }

-enum ManageAuthorizedSpacesScreenViewAction { }
+enum ManageAuthorizedSpacesScreenViewAction {
+    case cancel
+    case done
+    case toggle(spaceID: String)
+}

 struct AuthorizedSpacesSelection {
    let joinedParentSpaces: [SpaceRoomProxyProtocol]
@@ -26,5 +26,18 @@ class ManageAuthorizedSpacesScreenViewModel: ManageAuthorizedSpacesScreenViewMod
    
    override func process(viewAction: ManageAuthorizedSpacesScreenViewAction) {
        MXLog.info("View model: received view action: \(viewAction)")
+        switch viewAction {
+        case .cancel:
+            actionsSubject.send(.dismiss)
+        case .done:
+            // TODO: Implement
+            break
+        case .toggle(let spaceID):
+            if state.desiredSelectedIDs.contains(spaceID) {
+                state.desiredSelectedIDs.remove(spaceID)
+            } else {
+                state.desiredSelectedIDs.insert(spaceID)
+            }
+        }
    }
 }
@@ -12,16 +12,95 @@ struct ManageAuthorizedSpacesScreen: View {
    @Bindable var context: ManageAuthorizedSpacesScreenViewModel.Context
    
    var body: some View {
-        Form { }
-            .compoundList()
-            .navigationTitle("Manage spaces")
+        Form {
+            header
+            if !context.viewState.authorizedSpacesSelection.joinedParentSpaces.isEmpty {
+                joinedParentsSection
+            }
+            if !context.viewState.authorizedSpacesSelection.unknownSpacesIDs.isEmpty {
+                unkwnownSpacesSection
+            }
+        }
+        .compoundList()
+        .navigationTitle(L10n.screenManageAuthorizedSpacesTitle)
+        .navigationBarTitleDisplayMode(.inline)
+        .toolbar { toolbar }
+    }
+    
+    private var header: some View {
+        Section {
+            EmptyView()
+        } header: {
+            VStack(spacing: 16) {
+                BigIcon(icon: \.spaceSolid, style: .default)
+                    .accessibilityHidden(true)
+                Text(L10n.screenManageAuthorizedSpacesHeader)
+                    .multilineTextAlignment(.center)
+                    .font(.compound.headingMDBold)
+                    .foregroundStyle(.compound.textPrimary)
+                    .padding(.horizontal, 24)
+            }
+            .frame(maxWidth: .infinity)
+        }
+    }
+    
+    private var joinedParentsSection: some View {
+        Section {
+            ForEach(context.viewState.authorizedSpacesSelection.joinedParentSpaces, id: \.id) { space in
+                ListRow(label: .avatar(title: space.name,
+                                       description: space.canonicalAlias,
+                                       icon: avatar(space: space)),
+                        kind: .multiSelection(isSelected: context.viewState.desiredSelectedIDs.contains(space.id)) {
+                            context.send(viewAction: .toggle(spaceID: space.id))
+                        })
+            }
+        } header: {
+            Text(L10n.screenManageAuthorizedSpacesYourSpacesSectionTitle)
+                .compoundListSectionHeader()
+        }
+    }
+    
+    private var unkwnownSpacesSection: some View {
+        Section {
+            ForEach(context.viewState.authorizedSpacesSelection.unknownSpacesIDs, id: \.self) { id in
+                ListRow(label: .plain(title: L10n.screenManageAuthorizedSpacesUnknownSpace,
+                                      description: id),
+                        kind: .multiSelection(isSelected: context.viewState.desiredSelectedIDs.contains(id)) {
+                            context.send(viewAction: .toggle(spaceID: id))
+                        })
+            }
+        } header: {
+            Text(L10n.screenManageAuthorizedSpacesUnknownSpacesSectionTitle)
+                .compoundListSectionHeader()
+        }
+    }
+    
+    private func avatar(space: SpaceRoomProxyProtocol) -> some View {
+        RoomAvatarImage(avatar: space.avatar,
+                        avatarSize: .room(on: .authorizedSpaces),
+                        mediaProvider: context.mediaProvider)
+    }
+    
+    @ToolbarContentBuilder
+    private var toolbar: some ToolbarContent {
+        ToolbarItem(placement: .confirmationAction) {
+            ToolbarButton(role: .done) {
+                context.send(viewAction: .done)
+            }
+            .disabled(context.viewState.isDoneButtonDisabled)
+        }
+        ToolbarItem(placement: .cancellationAction) {
+            ToolbarButton(role: .cancel) {
+                context.send(viewAction: .cancel)
+            }
+        }
    }
 }

 // MARK: - Previews

 struct ManageAuthorizedSpacesScreen_Previews: PreviewProvider, TestablePreview {
-    static let viewModel = ManageAuthorizedSpacesScreenViewModel(authorizedSpacesSelection: .init(joinedParentSpaces: .mockJoinedSpaces,
+    static let viewModel = ManageAuthorizedSpacesScreenViewModel(authorizedSpacesSelection: .init(joinedParentSpaces: .mockJoinedSpaces2,
                                                                                                  unknownSpacesIDs: ["!unknown-space-id-1",
                                                                                                                     "!unknown-space-id-2",
                                                                                                                     "!unknown-space-id-3"],
@@ -31,6 +110,8 @@ struct ManageAuthorizedSpacesScreen_Previews: PreviewProvider, TestablePreview {
                                                                 mediaProvider: MediaProviderMock(configuration: .init()))
    
    static var previews: some View {
-        ManageAuthorizedSpacesScreen(context: viewModel.context)
+        NavigationStack {
+            ManageAuthorizedSpacesScreen(context: viewModel.context)
+        }
    }
 }