Add support for homeserver capabilities to disable the UserDetailsEditScreen UI. (#5421)

Add support for homeserver capabilities to disable editing your user profile. Also updates editable avatar size/formatting to match the latest Figma at the same time.
2026-11-02 21:33:26 +00:00 · 2026-04-17 11:52:46 +01:00
parent c40454bbd3
commit eef4a2497a
46 changed files with 482 additions and 142 deletions
@@ -0,0 +1,69 @@
+//
+// 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 EditAvatarButtonStyle: ButtonStyle {
+    @Environment(\.isEnabled) private var isEnabled
+    
+    func makeBody(configuration: Configuration) -> some View {
+        configuration.label
+            .overlay(alignment: .bottomTrailing) {
+                if isEnabled {
+                    EditAvatarBadge()
+                        .scaledOffset(x: 8, y: 0, relativeTo: .title)
+                }
+            }
+    }
+}
+
+struct EditAvatarBadge: View {
+    var body: some View {
+        CompoundIcon(\.edit, size: .small, relativeTo: .body)
+            .foregroundStyle(.compound.iconPrimary)
+            .scaledPadding(5, relativeTo: .title)
+            .background {
+                Circle()
+                    .fill(Color.compound.bgCanvasDefault)
+                    .overlay {
+                        Circle()
+                            .inset(by: -0.5)
+                            .stroke(.compound.borderInteractiveSecondary, lineWidth: 1)
+                    }
+            }
+            .scaledPadding(4, relativeTo: .title)
+            .background(.compound.bgSubtleSecondaryLevel0, in: Circle())
+            .scaledPadding(-4)
+            .accessibilityHidden(true)
+    }
+}
+
+struct EditAvatarButtonStyle_Previews: PreviewProvider {
+    static var previews: some View {
+        VStack(spacing: 20) {
+            Button { } label: {
+                LoadableAvatarImage(url: nil,
+                                    name: "Test", contentID: "test",
+                                    avatarSize: .user(on: .editUserDetails),
+                                    mediaProvider: MediaProviderMock(configuration: .init()))
+            }
+            .buttonStyle(EditAvatarButtonStyle())
+            
+            Button { } label: {
+                LoadableAvatarImage(url: nil,
+                                    name: "Test", contentID: "test",
+                                    avatarSize: .user(on: .editUserDetails),
+                                    mediaProvider: MediaProviderMock(configuration: .init()))
+            }
+            .buttonStyle(EditAvatarButtonStyle())
+            .disabled(true)
+        }
+        .frame(maxWidth: .infinity, maxHeight: .infinity)
+        .background(.compound.bgSubtleSecondaryLevel0)
+    }
+}