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/routes/dashboard/conversation/ConversationView.vue

@@ -4,6 +4,7 @@
       :conversation-inbox="inboxId"
       :label="label"
       :team-id="teamId"
+      :conversation-type="conversationType"
       @conversation-load="onConversationLoad"
     >
       <pop-over-search />
@@ -49,6 +50,10 @@ export default {
       type: String,
       default: '',
     },
+    conversationType: {
+      type: String,
+      default: '',
+    },
   },
   data() {
     return {

app/javascript/dashboard/routes/dashboard/conversation/conversation.routes.js

@@ -13,15 +13,6 @@ export default {
         return { inboxId: 0 };
       },
     },
-    {
-      path: frontendURL('accounts/:accountId/inbox/:inbox_id'),
-      name: 'inbox_dashboard',
-      roles: ['administrator', 'agent'],
-      component: ConversationView,
-      props: route => {
-        return { inboxId: route.params.inbox_id };
-      },
-    },
     {
       path: frontendURL('accounts/:accountId/conversations/:conversation_id'),
       name: 'inbox_conversation',
@@ -31,6 +22,15 @@ export default {
         return { inboxId: 0, conversationId: route.params.conversation_id };
       },
     },
+    {
+      path: frontendURL('accounts/:accountId/inbox/:inbox_id'),
+      name: 'inbox_dashboard',
+      roles: ['administrator', 'agent'],
+      component: ConversationView,
+      props: route => {
+        return { inboxId: route.params.inbox_id };
+      },
+    },
     {
       path: frontendURL(
         'accounts/:accountId/inbox/:inbox_id/conversations/:conversation_id'
@@ -83,5 +83,24 @@ export default {
         teamId: route.params.teamId,
       }),
     },
+    {
+      path: frontendURL('accounts/:accountId/mentions/conversations'),
+      name: 'conversation_mentions',
+      roles: ['administrator', 'agent'],
+      component: ConversationView,
+      props: () => ({ conversationType: 'mention' }),
+    },
+    {
+      path: frontendURL(
+        'accounts/:accountId/mentions/conversations/:conversationId'
+      ),
+      name: 'conversation_through_mentions',
+      roles: ['administrator', 'agent'],
+      component: ConversationView,
+      props: route => ({
+        conversationId: route.params.conversationId,
+        conversationType: 'mention',
+      }),
+    },
   ],
 };