Add participant actions in channel info view (#982)

Author: martinmitrevski

CHANGELOG.md

@@ -6,6 +6,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 ### ✅ Added
 - Opens the `commandsHandler` and makes the mention methods public [#979](https://github.com/GetStream/stream-chat-swiftui/pull/979)
 - Opens `MarkdownFormatter` so that it can be customised [#978](https://github.com/GetStream/stream-chat-swiftui/pull/978)
+- Add participant actions in channel info view [#982](https://github.com/GetStream/stream-chat-swiftui/pull/982)
 
 ### 🐞 Fixed
 - Fix openChannel not working when searching or another chat shown [#975](https://github.com/GetStream/stream-chat-swiftui/pull/975)

Sources/StreamChatSwiftUI/ChatChannel/ChannelInfo/ChatChannelInfoView.swift

@@ -20,11 +20,12 @@ public struct ChatChannelInfoView<Factory: ViewFactory>: View, KeyboardReadable
 
     public init(
         factory: Factory = DefaultViewFactory.shared,
+        viewModel: ChatChannelInfoViewModel? = nil,
         channel: ChatChannel,
         shownFromMessageList: Bool = false
     ) {
         _viewModel = StateObject(
-            wrappedValue: ChatChannelInfoViewModel(channel: channel)
+            wrappedValue: viewModel ?? ChatChannelInfoViewModel(channel: channel)
         )
         self.factory = factory
         self.shownFromMessageList = shownFromMessageList
@@ -52,7 +53,8 @@ public struct ChatChannelInfoView<Factory: ViewFactory>: View, KeyboardReadable
                         ChatInfoParticipantsView(
                             factory: factory,
                             participants: viewModel.displayedParticipants,
-                            onItemAppear: viewModel.onParticipantAppear(_:)
+                            onItemAppear: viewModel.onParticipantAppear(_:),
+                            selectedParticipant: $viewModel.selectedParticipant
                         )
                     }
 
@@ -84,14 +86,10 @@ public struct ChatChannelInfoView<Factory: ViewFactory>: View, KeyboardReadable
                             viewModel.leaveGroupAlertShown = true
                         }
                         .alert(isPresented: $viewModel.leaveGroupAlertShown) {
-                            let title = viewModel.leaveButtonTitle
-                            let message = viewModel.leaveConversationDescription
-                            let buttonTitle = viewModel.leaveButtonTitle
-
-                            return Alert(
-                                title: Text(title),
-                                message: Text(message),
-                                primaryButton: .destructive(Text(buttonTitle)) {
+                            Alert(
+                                title: Text(viewModel.leaveButtonTitle),
+                                message: Text(viewModel.leaveConversationDescription),
+                                primaryButton: .destructive(Text(viewModel.leaveButtonTitle)) {
                                     viewModel.leaveConversationTapped {
                                         presentationMode.wrappedValue.dismiss()
                                         if shownFromMessageList {
@@ -106,11 +104,11 @@ public struct ChatChannelInfoView<Factory: ViewFactory>: View, KeyboardReadable
                 }
             }
             .overlay(
-                viewModel.addUsersShown ?
+                popupShown ?
                     Color.black.opacity(0.3).edgesIgnoringSafeArea(.all) : nil
             )
-            .blur(radius: viewModel.addUsersShown ? 6 : 0)
-            .allowsHitTesting(!viewModel.addUsersShown)
+            .blur(radius: popupShown ? 6 : 0)
+            .allowsHitTesting(!popupShown)
 
             if viewModel.addUsersShown {
                 VStack {
@@ -131,6 +129,17 @@ public struct ChatChannelInfoView<Factory: ViewFactory>: View, KeyboardReadable
                     )
                 }
             }
+            
+            if let selectedParticipant = viewModel.selectedParticipant {
+                ParticipantInfoView(
+                    participant: selectedParticipant,
+                    actions: viewModel.participantActions(for: selectedParticipant)
+                ) {
+                    withAnimation {
+                        viewModel.selectedParticipant = nil
+                    }
+                }
+            }
         }
         .toolbarThemed {
             ToolbarItem(placement: .principal) {
@@ -170,4 +179,8 @@ public struct ChatChannelInfoView<Factory: ViewFactory>: View, KeyboardReadable
         .dismissKeyboardOnTap(enabled: viewModel.keyboardShown)
         .background(Color(colors.background).edgesIgnoringSafeArea(.bottom))
     }
+    
+    private var popupShown: Bool {
+        viewModel.addUsersShown || viewModel.selectedParticipant != nil
+    }
 }