Add function to show when message received

front/src/WebRtc/DiscussionManager.ts

@@ -40,8 +40,7 @@ export class DiscussionManager {
         this.buttonActiveDiscussion.classList.add('active-btn');
         this.buttonActiveDiscussion.innerHTML = `<img src="resources/logos/discussion.svg"/>`;
         this.buttonActiveDiscussion.addEventListener('click', () => {
-            this.showDiscussion();
-            this.hideButtonDiscussionBtn();
+            this.showDiscussionPart();
         });
         this.divDiscuss.appendChild(buttonCloseDiscussion);
         this.divDiscuss.appendChild(this.buttonActiveDiscussion);
@@ -224,4 +223,9 @@ export class DiscussionManager {
     public setUserInputManager(userInputManager : UserInputManager){
         this.userInputManager = userInputManager;
     }
+
+    public showDiscussionPart(){
+        this.showDiscussion();
+        this.hideButtonDiscussionBtn();
+    }
 }

front/src/WebRtc/MediaManager.ts

@@ -597,6 +597,11 @@ export class MediaManager {
 
     public addNewMessage(name: string, message: string, isMe: boolean = false){
         this.discussionManager.addMessage(name, message, isMe);
+
+        //when there are new message, show discussion
+        if(!this.discussionManager.activatedDiscussion) {
+            this.discussionManager.showDiscussionPart();
+        }
     }
 
     public addSendMessageCallback(userId: string|number, callback: SendMessageCallback){