Add support for starting voice calls from a DM (#5305)

* feat: Start voice call from DM * rename voiceCall:bool to isVoiceCall * review: Fix a typo * review: use one displayCall(bool) instead of 2 actions * review: Add a new specific preview for DM calls * combine startCall and startVoiceCall in single enum with isVoiceCall * review: add isVoiceCall to presentCallScreen action * review: Use proper a11y for voice vs video * add voice/video options to UserProfile Screen * fixup: move config params to the roomInfo object * review: Revert changes on preview as the toolbar cannot be snapshot'd * review: Extract call controls in specific file * oups: Add voice call option in room details screen * Update room details screenshots * Update user profile screenshots * Update room member details screenshots * fixup: remove dead code
2026-11-02 21:33:26 +00:00 · 2026-04-09 17:22:31 +02:00
parent 7434d531b2
commit b05ab3ac0b
76 changed files with 303 additions and 201 deletions
@@ -0,0 +1,76 @@
+//
+// 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
+
+struct RoomCallControlsToolbar: ToolbarContent {
+    let viewState: RoomScreenViewState
+    let onCallTap: (_ isVoiceCall: Bool) -> Void
+    
+    var body: some ToolbarContent {
+        if viewState.hasOngoingCall {
+            ToolbarItem(placement: .primaryAction) {
+                JoinCallButton {
+                    onCallTap(false)
+                }
+                .accessibilityIdentifier(A11yIdentifiers.roomScreen.joinCall)
+                .disabled(!viewState.canJoinCall)
+            }
+        } else {
+            if viewState.isDirectOneToOneRoom {
+                ToolbarItem(placement: .primaryAction) {
+                    Button { onCallTap(true) } label: {
+                        CompoundIcon(\.voiceCallSolid)
+                    }
+                    .accessibilityLabel(L10n.a11yStartVoiceCall)
+                    .accessibilityIdentifier(A11yIdentifiers.roomScreen.startVoiceCall)
+                    .disabled(!viewState.canJoinCall)
+                }
+            }
+            ToolbarItem(placement: .primaryAction) {
+                Button { onCallTap(false) } label: {
+                    CompoundIcon(\.videoCallSolid)
+                }
+                .accessibilityLabel(L10n.a11yStartVideoCall)
+                .accessibilityIdentifier(A11yIdentifiers.roomScreen.startVideoCall)
+                .disabled(!viewState.canJoinCall)
+            }
+        }
+    }
+}
+
+// MARK: - Previews
+
+struct RoomCallControlsToolbar_Previews: PreviewProvider {
+    static var previews: some View {
+        VStack(spacing: 0) {
+            ElementNavigationStack {
+                Color.clear.toolbar { RoomCallControlsToolbar(viewState: .mock(hasOngoingCall: true)) { _ in } }
+            }
+            ElementNavigationStack {
+                Color.clear.toolbar { RoomCallControlsToolbar(viewState: .mock(hasOngoingCall: false, isDirectOneToOneRoom: true)) { _ in } }
+            }
+            ElementNavigationStack {
+                Color.clear.toolbar { RoomCallControlsToolbar(viewState: .mock(hasOngoingCall: false)) { _ in } }
+            }
+            ElementNavigationStack {
+                Color.clear.toolbar { RoomCallControlsToolbar(viewState: .mock(hasOngoingCall: false, canJoinCall: false)) { _ in } }
+            }
+        }
+        .previewDisplayName("All states")
+    }
+}
+
+private extension RoomScreenViewState {
+    static func mock(hasOngoingCall: Bool, isDirectOneToOneRoom: Bool = false, canJoinCall: Bool = true) -> RoomScreenViewState {
+        RoomScreenViewState(roomAvatar: .room(id: "mock", name: "Mock Room", avatarURL: nil),
+                            canJoinCall: canJoinCall,
+                            hasOngoingCall: hasOngoingCall, isDirectOneToOneRoom: isDirectOneToOneRoom,
+                            hasSuccessor: false)
+    }
+}