DM Details View (#744)

* Basic implementation completed but it requires some bug fixing and polishing (+4 squashed commits) Squashed commits: [43f0064e] now the content of the room details reflects the expected dm details content when the conditions are met [fe6f2b5e] replaced existing headers with a composable and reusable HeaderView [3c00120a] now the members are fetched every time the room is opened [421d539b] refactored the members fetching to be immediate in case the room could be a direct chat * polished the code and fixed some bugs that prevented the updated state of the members to be displayed in the room details view (+1 squashed commit) Squashed commits: [6bf98473] fix for the button not being destructive in room details screen * removed copy button and updated copy * moved a file and renamed header view * addressed all PR comments * sdk bump * UI tests * unit tests * changelog * updated mocks * removed a duplicated signature in a mock
2026-11-02 21:33:26 +00:00 · 2023-04-03 13:18:19 +02:00
parent 220138d492
commit 0f858d977f
35 changed files with 1241 additions and 241 deletions
@@ -0,0 +1,72 @@
+//
+// Copyright 2023 New Vector Ltd
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+import SwiftUI
+
+struct AvatarHeaderView<Footer: View>: View {
+    let avatarUrl: URL?
+    let name: String?
+    let id: String
+    let avatarSize: AvatarSize
+    let imageProvider: ImageProviderProtocol?
+    let subtitle: String?
+    @ViewBuilder var footer: () -> Footer
+
+    var body: some View {
+        VStack(spacing: 8.0) {
+            LoadableAvatarImage(url: avatarUrl,
+                                name: name,
+                                contentID: id,
+                                avatarSize: avatarSize,
+                                imageProvider: imageProvider)
+
+            Text(name ?? id)
+                .foregroundColor(.element.primaryContent)
+                .font(.element.title1Bold)
+                .multilineTextAlignment(.center)
+
+            if let subtitle {
+                Text(subtitle)
+                    .foregroundColor(.element.secondaryContent)
+                    .font(.element.body)
+                    .multilineTextAlignment(.center)
+            }
+            
+            footer()
+        }
+        .frame(maxWidth: .infinity, alignment: .center)
+        .listRowBackground(Color.clear)
+    }
+}
+
+struct HeaderView_Previews: PreviewProvider {
+    static var previews: some View {
+        AvatarHeaderView(avatarUrl: URL.picturesDirectory,
+                         name: "Test",
+                         id: "test",
+                         avatarSize: .room(on: .details),
+                         imageProvider: MockMediaProvider(),
+                         subtitle: "test") {
+            HStack(spacing: 32) {
+                ShareLink(item: "test") {
+                    Image(systemName: "square.and.arrow.up")
+                }
+                .buttonStyle(FormActionButtonStyle(title: "Test"))
+            }
+            .padding(.top, 32)
+        }
+    }
+}