#1899, #1900, #1901 - Implement chat backup setting screens

ElementX/Sources/Screens/Authentication/AuthenticationIconImage.swift

@@ -1,51 +0,0 @@
-//
-// 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
-
-/// An image that is styled for use as the screen icon in the onboarding flow.
-struct AuthenticationIconImage: View {
-    /// The icon that is shown.
-    let image: Image
-    /// The amount of padding between the icon and the borders. Defaults to 16.
-    var insets: CGFloat = 16
-    
-    var body: some View {
-        image
-            .resizable()
-            .renderingMode(.template)
-            .foregroundColor(.compound.iconSecondary)
-            .aspectRatio(contentMode: .fit)
-            .accessibilityHidden(true)
-            .padding(insets)
-            .frame(width: 70, height: 70)
-            .background {
-                RoundedRectangle(cornerRadius: 14)
-                    .fill(Color.compound.bgSubtleSecondary)
-            }
-    }
-}
-
-// MARK: - Previews
-
-struct AuthenticationIconImage_Previews: PreviewProvider, TestablePreview {
-    static var previews: some View {
-        HStack(spacing: 20) {
-            AuthenticationIconImage(image: Image(asset: Asset.Images.serverSelectionIcon), insets: 19)
-            AuthenticationIconImage(image: Image(systemName: "hourglass"))
-        }
-    }
-}

ElementX/Sources/Screens/Authentication/LoginScreen/View/LoginScreen.swift

@@ -52,7 +52,7 @@ struct LoginScreen: View {
     /// The header containing the title and icon.
     var header: some View {
         VStack(spacing: 8) {
-            AuthenticationIconImage(image: Image(systemName: "lock.fill"))
+            HeroImage(image: Image(systemName: "lock.fill"))
                 .padding(.bottom, 8)
             
             Text(L10n.screenLoginTitleWithHomeserver(context.viewState.homeserver.address))

ElementX/Sources/Screens/Authentication/ServerConfirmationScreen/View/ServerConfirmationScreen.swift

@@ -35,7 +35,7 @@ struct ServerConfirmationScreen: View {
     /// The main content of the view to be shown in a scroll view.
     var header: some View {
         VStack(spacing: 8) {
-            AuthenticationIconImage(image: Image(systemName: "person.crop.circle.fill"))
+            HeroImage(image: Image(systemName: "person.crop.circle.fill"))
                 .padding(.bottom, 8)
             
             Text(context.viewState.title)

ElementX/Sources/Screens/Authentication/ServerSelectionScreen/View/ServerSelectionScreen.swift

@@ -40,7 +40,7 @@ struct ServerSelectionScreen: View {
     /// The title, message and icon at the top of the screen.
     var header: some View {
         VStack(spacing: 8) {
-            AuthenticationIconImage(image: Image(asset: Asset.Images.serverSelectionIcon), insets: 19)
+            HeroImage(image: Image(asset: Asset.Images.serverSelectionIcon), insets: 19)
                 .padding(.bottom, 8)
             
             Text(L10n.screenChangeServerTitle)