added possibility to logout from the sample app

Author: martinmitrevski

DemoAppSwiftUI/AppDelegate.swift

@@ -54,7 +54,9 @@ class AppDelegate: NSObject, UIApplicationDelegate {
         streamChat = StreamChat(chatClient: chatClient)
 
         DispatchQueue.main.asyncAfter(deadline: .now() + 2.5) {
-            AppState.shared.userState = .notLoggedIn
+            withAnimation {
+                AppState.shared.userState = .notLoggedIn
+            }            
         }
 
         return true

DemoAppSwiftUI/CustomChannelHeader.swift

@@ -4,15 +4,19 @@
 //
 
 import SwiftUI
+import StreamChat
 import StreamChatSwiftUI
+import NukeUI
 
 public struct CustomChannelHeader: ToolbarContent {
-
+    
     @Injected(\.fonts) var fonts
     @Injected(\.images) var images
 
-    public var title: String
+    var title: String
+    var currentUserController: CurrentChatUserController
     @Binding var isNewChatShown: Bool
+    @Binding var logoutAlertShown: Bool
 
     public var body: some ToolbarContent {
         ToolbarItem(placement: .principal) {
@@ -27,24 +31,54 @@ public struct CustomChannelHeader: ToolbarContent {
                     .resizable()
             }            
         }
+        ToolbarItem(placement: .navigationBarLeading) {
+            Button {
+                logoutAlertShown = true
+            } label: {
+                LazyImage(source: currentUserController.currentUser?.imageURL)
+                    .onDisappear(.reset)
+                    .clipShape(Circle())
+                    .frame(
+                        width: 30,
+                        height: 30
+                    )
+            }
+
+        }
     }
 
 }
 
 struct CustomChannelModifier: ChannelListHeaderViewModifier {
 
+    @Injected(\.chatClient) var chatClient
+    
     var title: String
 
     @State var isNewChatShown = false
+    @State var logoutAlertShown = false
 
     func body(content: Content) -> some View {
         ZStack {
             content.toolbar {
                 CustomChannelHeader(
                     title: title,
-                    isNewChatShown: $isNewChatShown
+                    currentUserController: chatClient.currentUserController(),
+                    isNewChatShown: $isNewChatShown,
+                    logoutAlertShown: $logoutAlertShown
                 )
             }
+            .alert(isPresented: $logoutAlertShown) {
+                Alert(
+                    title: Text("Sign out"),
+                    message: Text("Are you sure you want to sign out?"),
+                    primaryButton: .destructive(Text("Sign out")) {
+                        withAnimation {
+                            AppState.shared.userState = .notLoggedIn
+                        }                        
+                    },
+                    secondaryButton: .cancel())
+            }
 
             NavigationLink(isActive: $isNewChatShown) {
                 NewChatView(isNewChatShown: $isNewChatShown)

DemoAppSwiftUI/LoginView.swift

@@ -12,7 +12,6 @@ struct LoginView: View {
 
     var body: some View {
         VStack {
-            
             Image("STREAMMARK")
                 .resizable()
                 .aspectRatio(contentMode: .fit)
@@ -40,6 +39,9 @@ struct LoginView: View {
 
             Spacer()
         }
+        .overlay(
+            viewModel.loading ? ProgressView() : nil
+        )
     }
 
 }

DemoAppSwiftUI/LoginViewModel.swift

@@ -9,6 +9,7 @@ import StreamChatSwiftUI
 class LoginViewModel: ObservableObject {
 
     @Published var demoUsers = UserCredentials.builtInUsers
+    @Published var loading = false
 
     @Injected(\.chatClient) var chatClient
 
@@ -17,6 +18,7 @@ class LoginViewModel: ObservableObject {
     }
 
     private func connectUser(withCredentials credentials: UserCredentials) {
+        loading = true
         let token = try! Token(rawValue: credentials.token)
         LogConfig.level = .warning
 
@@ -29,8 +31,11 @@ class LoginViewModel: ObservableObject {
                 return
             }
 
-            DispatchQueue.main.async {
-                AppState.shared.userState = .loggedIn
+            DispatchQueue.main.async { [weak self] in
+                withAnimation {
+                    self?.loading = false
+                    AppState.shared.userState = .loggedIn
+                }                
             }            
         }
     }