Add a view to show the user's account from Element Classic. (#5361)

No presentation logic yet.
2026-11-05 20:09:04 +00:00 · 2026-04-08 21:18:03 +01:00
parent f21e8cb892
commit 1a5a709e27
19 changed files with 588 additions and 26 deletions
@@ -0,0 +1,120 @@
+//
+// Copyright 2025 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 AuthenticationClassicAppAccountView: View {
+    @Bindable var context: AuthenticationStartScreenViewModel.Context
+    
+    let classicAppAccount: ClassicAppAccount
+    
+    var body: some View {
+        FullscreenDialog(topPadding: 25, background: .gradient) {
+            VStack(spacing: 38) {
+                header
+                    .padding(.bottom, 20)
+                
+                profile
+                
+                buttons
+            }
+        } bottomContent: {
+            // Buttons are intentionally shown inline on this screen.
+        }
+        .navigationBarTitleDisplayMode(.inline)
+        .alert(item: $context.alertInfo)
+        .introspect(.window, on: .supportedVersions) { window in
+            context.send(viewAction: .updateWindow(window))
+        }
+    }
+    
+    var header: some View {
+        VStack(spacing: 8) {
+            AuthenticationStartLogo(size: 54, hideBrandChrome: false, isOnGradient: false)
+            
+            Text(L10n.screenOnboardingWelcomeTitle)
+                .font(.compound.headingMDBold)
+                .foregroundStyle(.compound.textPrimary)
+                .multilineTextAlignment(.center)
+        }
+    }
+    
+    var profile: some View {
+        VStack(spacing: 16) {
+            LoadableAvatarImage(url: classicAppAccount.avatarURL,
+                                name: classicAppAccount.displayName,
+                                contentID: classicAppAccount.userID,
+                                avatarSize: .user(on: .classicAppAccount),
+                                mediaProvider: context.mediaProvider)
+            
+            VStack(spacing: 0) {
+                Text(L10n.screenOnboardingWelcomeBack)
+                    .font(.compound.bodyMD)
+                    .foregroundStyle(.compound.textSecondary)
+                    .multilineTextAlignment(.center)
+                
+                Text(classicAppAccount.displayableName)
+                    .font(.compound.headingLGBold)
+                    .foregroundStyle(.compound.textPrimary)
+                    .multilineTextAlignment(.center)
+            }
+            
+            Text(classicAppAccount.userID)
+                .font(.compound.bodyLGSemibold)
+                .foregroundStyle(.compound.textPrimary)
+                .multilineTextAlignment(.center)
+        }
+    }
+    
+    var buttons: some View {
+        VStack(spacing: 16) {
+            Button(L10n.actionContinue) {
+                context.send(viewAction: .continueWithClassic(classicAppAccount))
+            }
+            .buttonStyle(.compound(.primary))
+            
+            Button(L10n.commonOtherOptions) {
+                context.send(viewAction: .otherOptions(classicAppAccount))
+            }
+            .buttonStyle(.compound(.secondary))
+        }
+    }
+}
+
+private extension ClassicAppAccount {
+    var displayableName: String {
+        if let displayName, !displayName.isEmpty {
+            displayName
+        } else if let localPart = userID.dropFirst().split(separator: ":").first, !localPart.isEmpty {
+            String(localPart)
+        } else {
+            userID
+        }
+    }
+}
+
+// MARK: - Previews
+
+struct AuthenticationClassicAppAccountView_Previews: PreviewProvider { // Not Testable – snapshots generated by main screen.
+    static let viewModel = makeViewModel()
+    
+    static var previews: some View {
+        ElementNavigationStack {
+            AuthenticationClassicAppAccountView(context: viewModel.context, classicAppAccount: .mockDan)
+        }
+    }
+    
+    static func makeViewModel() -> AuthenticationStartScreenViewModel {
+        AuthenticationStartScreenViewModel(authenticationService: AuthenticationService.mock,
+                                           provisioningParameters: nil,
+                                           isBugReportServiceEnabled: false,
+                                           appSettings: ServiceLocator.shared.settings,
+                                           mediaProvider: MediaProviderMock(configuration: .init()),
+                                           userIndicatorController: UserIndicatorControllerMock())
+    }
+}