Add activity indicator

Riot/Modules/Common/ActivityIndicator/SwiftUI/ActivityIndicator.swift

@@ -0,0 +1,49 @@
+// 
+// Copyright 2021 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
+
+/**
+ A visual cue to user that something is in progress.
+ */
+@available(iOS 14.0, *)
+struct ActivityIndicator: View {
+    
+    private enum Constants {
+        static let backgroundColor = Color(UIColor(white: 0.8, alpha: 0.9))
+    }
+    
+    var body: some View {
+        ProgressView()
+            .progressViewStyle(CircularProgressViewStyle(tint: Color.white))
+            .padding()
+            .background(Constants.backgroundColor)
+            .cornerRadius(5)
+            
+    }
+}
+
+@available(iOS 14.0, *)
+struct ActivityIndicator_Previews: PreviewProvider {
+    static var previews: some View {
+        Group {
+            Text("Hello World!")
+                .activityIndicator(show: true)
+            Text("Hello World!")
+                .activityIndicator(show: false)
+        }
+    }
+}

Riot/Modules/Common/ActivityIndicator/SwiftUI/ActivityIndicatorModifier.swift

@@ -0,0 +1,43 @@
+// 
+// Copyright 2021 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 Foundation
+import SwiftUI
+
+/**
+ A modifier for showing the activity indcator centered over a view.
+ */
+@available(iOS 14.0, *)
+struct ActivityIndicatorModifier: ViewModifier {
+    var show: Bool
+
+    func body(content: Content) -> some View {
+        if show {
+            content
+                .overlay(ActivityIndicator(), alignment: .center)
+        } else {
+            content
+        }
+    }
+}
+
+@available(iOS 14.0, *)
+extension View {
+    @available(iOS 14.0, *)
+    func activityIndicator(show: Bool) -> some View {
+        self.modifier(ActivityIndicatorModifier(show: show))
+    }
+}

Riot/Modules/Room/NotificationSettings/SwiftUI/RoomNotificationSettings.swift

@@ -58,14 +58,15 @@ struct RoomNotificationSettings: View {
                     }
                 }
             }
-            .navigationBarTitle(VectorL10n.roomDetailsNotifs)
-            .navigationBarItems(
-                leading: leftButton,
-                trailing: rightButton
-            )
-            .onAppear {
-                viewModel.process(viewAction: .load)
-            }
+        }
+        .activityIndicator(show: viewModel.viewState.saving)
+        .navigationBarTitle(VectorL10n.roomDetailsNotifs)
+        .navigationBarItems(
+            leading: leftButton,
+            trailing: rightButton
+        )
+        .onAppear {
+            viewModel.process(viewAction: .load)
         }
     }
 }
@@ -90,8 +91,8 @@ struct RoomNotificationSettings_Previews: PreviewProvider {
             NavigationView {
                 RoomNotificationSettings(viewModel: mockViewModel, presentedModally: true)
                     .navigationBarTitleDisplayMode(.inline)
-                    .addDependency(MockAvatarService.example)
                     .theme(ThemeIdentifier.dark)
+                    .addDependency(MockAvatarService.example)
             }
         }
     }