Renaming screens returns (#829)

* Rename: StartChat -> StartChatScreen

* Rename: Login -> LoginScreen

* Rename: ServerSelection -> ServerSelectionScreen

* Rename: SoftLogout -> SoftLogoutScreen

ElementX/Sources/Screens/StartChatScreen/View/StartChatScreen.swift

@@ -0,0 +1,150 @@
+//
+// 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 StartChatScreen: View {
+    @ObservedObject var context: StartChatScreenViewModel.Context
+    
+    var body: some View {
+        Form {
+            if !context.viewState.isSearching {
+                mainContent
+            } else {
+                searchContent
+            }
+        }
+        .scrollContentBackground(.hidden)
+        .background(Color.element.formBackground.ignoresSafeArea())
+        .navigationTitle(L10n.actionStartChat)
+        .navigationBarTitleDisplayMode(.inline)
+        .toolbar {
+            ToolbarItem(placement: .navigationBarTrailing) {
+                closeButton
+            }
+        }
+        .searchable(text: $context.searchQuery, placement: .navigationBarDrawer(displayMode: .always), prompt: L10n.commonSearchForSomeone)
+        .alert(item: $context.alertInfo) { $0.alert }
+    }
+
+    // MARK: - Private
+
+    /// The content shown in the form when the search query is empty.
+    @ViewBuilder
+    private var mainContent: some View {
+        createRoomSection
+        inviteFriendsSection
+        usersSection
+    }
+    
+    /// The content shown in the form when a search query has been entered.
+    @ViewBuilder
+    private var searchContent: some View {
+        if context.viewState.hasEmptySearchResults {
+            noResultsContent
+        } else {
+            usersSection
+        }
+    }
+    
+    private var createRoomSection: some View {
+        Section {
+            Button(action: createRoom) {
+                Label(L10n.actionCreateARoom, systemImage: "person.3")
+            }
+            .buttonStyle(FormButtonStyle(accessory: .navigationLink))
+        }
+        .formSectionStyle()
+    }
+    
+    private var inviteFriendsSection: some View {
+        Section {
+            Button(action: inviteFriends) {
+                Label(L10n.actionInviteFriendsToApp(InfoPlistReader.main.bundleDisplayName), systemImage: "square.and.arrow.up")
+            }
+            .buttonStyle(FormButtonStyle())
+            .accessibilityIdentifier(A11yIdentifiers.startChatScreen.inviteFriends)
+        }
+        .formSectionStyle()
+    }
+    
+    @ViewBuilder
+    private var usersSection: some View {
+        if !context.viewState.usersSection.users.isEmpty {
+            Section {
+                ForEach(context.viewState.usersSection.users, id: \.userID) { user in
+                    Button { context.send(viewAction: .selectUser(user)) } label: {
+                        UserProfileCell(user: user, imageProvider: context.imageProvider)
+                    }
+                    .buttonStyle(FormButtonStyle())
+                }
+            } header: {
+                if let title = context.viewState.usersSection.title {
+                    Text(title)
+                }
+            }
+            .listRowSeparator(.automatic)
+            .formSectionStyle()
+        }
+    }
+    
+    private var noResultsContent: some View {
+        Text(L10n.commonNoResults)
+            .font(.element.body)
+            .foregroundColor(.element.tertiaryContent)
+            .frame(maxWidth: .infinity)
+            .listRowBackground(Color.clear)
+            .accessibilityIdentifier(A11yIdentifiers.startChatScreen.searchNoResults)
+    }
+    
+    private var closeButton: some View {
+        Button(L10n.actionCancel, action: close)
+            .accessibilityIdentifier(A11yIdentifiers.startChatScreen.closeStartChat)
+    }
+    
+    private func createRoom() {
+        context.send(viewAction: .createRoom)
+    }
+    
+    private func inviteFriends() {
+        context.send(viewAction: .inviteFriends)
+    }
+    
+    private func close() {
+        context.send(viewAction: .close)
+    }
+}
+
+// MARK: - Previews
+
+struct StartChatScreen_Previews: PreviewProvider {
+    static let viewModel = {
+        let userSession = MockUserSession(clientProxy: MockClientProxy(userID: "@userid:example.com"),
+                                          mediaProvider: MockMediaProvider())
+        let userDiscoveryService = UserDiscoveryServiceMock()
+        userDiscoveryService.fetchSuggestionsReturnValue = .success([.mockAlice])
+        userDiscoveryService.searchProfilesWithReturnValue = .success([.mockAlice])
+        let viewModel = StartChatScreenViewModel(userSession: userSession, userIndicatorController: nil, userDiscoveryService: userDiscoveryService)
+        return viewModel
+    }()
+    
+    static var previews: some View {
+        NavigationView {
+            StartChatScreen(context: viewModel.context)
+                .tint(.element.accent)
+        }
+    }
+}