feat: Add a view for mentions (#3505)

- Added a new table mentions for saving user mentions
- Added a filter conversation_type in the API
- Added a view to see the mentions

app/javascript/dashboard/helper/URLHelper.js

@@ -11,17 +11,19 @@ export const conversationUrl = ({
   id,
   label,
   teamId,
+  conversationType = '',
 }) => {
+  let url = `accounts/${accountId}/conversations/${id}`;
   if (activeInbox) {
-    return `accounts/${accountId}/inbox/${activeInbox}/conversations/${id}`;
+    url = `accounts/${accountId}/inbox/${activeInbox}/conversations/${id}`;
+  } else if (label) {
+    url = `accounts/${accountId}/label/${label}/conversations/${id}`;
+  } else if (teamId) {
+    url = `accounts/${accountId}/team/${teamId}/conversations/${id}`;
+  } else if (conversationType === 'mention') {
+    url = `accounts/${accountId}/mentions/conversations/${id}`;
   }
-  if (label) {
-    return `accounts/${accountId}/label/${label}/conversations/${id}`;
-  }
-  if (teamId) {
-    return `accounts/${accountId}/team/${teamId}/conversations/${id}`;
-  }
-  return `accounts/${accountId}/conversations/${id}`;
+  return url;
 };
 
 export const accountIdFromPathname = pathname => {

app/javascript/dashboard/helper/actionCable.js

@@ -21,6 +21,7 @@ class ActionCableConnector extends BaseActionCableConnector {
       'presence.update': this.onPresenceUpdate,
       'contact.deleted': this.onContactDelete,
       'contact.updated': this.onContactUpdate,
+      'conversation.mentioned': this.onConversationMentioned,
     };
   }
 
@@ -97,6 +98,10 @@ class ActionCableConnector extends BaseActionCableConnector {
     });
   };
 
+  onConversationMentioned = data => {
+    this.app.$store.dispatch('addMentions', data);
+  };
+
   clearTimer = conversationId => {
     const timerEvent = this.CancelTyping[conversationId];