add files for create room screen, add selected users section with test

2026-11-03 06:55:59 +00:00 · 2023-04-20 16:00:05 +02:00
parent f4bbe33e62
commit 06147cd99c
9 changed files with 305 additions and 0 deletions
@@ -0,0 +1,76 @@
+//
+// Copyright 2022 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 CreateRoomScreen: View {
+    @ObservedObject var context: CreateRoomViewModel.Context
+    
+    var body: some View {
+        ScrollView {
+            mainContent
+        }
+        .scrollContentBackground(.hidden)
+        .background(Color.element.formBackground.ignoresSafeArea())
+        .navigationTitle(L10n.actionCreateARoom)
+        .navigationBarTitleDisplayMode(.inline)
+        .toolbar {
+            ToolbarItem(placement: .confirmationAction) {
+                createButton
+            }
+        }
+    }
+    
+    /// The main content of the view to be shown in a scroll view.
+    var mainContent: some View {
+        selectedUsersSection
+    }
+    
+    @ScaledMetric private var cellWidth: CGFloat = 64
+    private var selectedUsersSection: some View {
+        ScrollView(.horizontal, showsIndicators: false) {
+            HStack(spacing: 28) {
+                ForEach(context.viewState.selectedUsers, id: \.userID) { user in
+                    InviteUsersSelectedItem(user: user, imageProvider: context.imageProvider) {
+                        deselect(user)
+                    }
+                    .frame(width: cellWidth)
+                }
+            }
+            .padding(.horizontal, 18)
+        }
+    }
+    
+    private var createButton: some View {
+        Button { context.send(viewAction: .createRoom) } label: {
+            Text(L10n.actionCreate)
+        }
+    }
+    
+    private func deselect(_ user: UserProfile) {
+        context.send(viewAction: .deselectUser(user))
+    }
+}
+
+// MARK: - Previews
+
+struct CreateRoom_Previews: PreviewProvider {
+    static let viewModel = CreateRoomViewModel(selectedUsers: [.mockAlice, .mockBob, .mockCharlie])
+    
+    static var previews: some View {
+        CreateRoomScreen(context: viewModel.context)
+    }
+}