From 6ea1e0d047ab15d9ffa4815d9fc477e5616d92e7 Mon Sep 17 00:00:00 2001
From: Nithin David Thomas <webofnithin@gmail.com>
Date: Wed, 28 Apr 2021 10:01:11 +0530
Subject: [PATCH] chore: Add route for contact details page (#2168)

Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
---
 .../dashboard/i18n/default-sidebar.js         |  1 +
 .../contacts/pages/ContactManageView.vue      | 37 +++++++++++++++++++
 .../routes/dashboard/contacts/routes.js       | 10 +++++
 3 files changed, 48 insertions(+)
 create mode 100644 app/javascript/dashboard/routes/dashboard/contacts/pages/ContactManageView.vue

diff --git a/app/javascript/dashboard/i18n/default-sidebar.js b/app/javascript/dashboard/i18n/default-sidebar.js
index 7faa7d2e8..6488c022e 100644
--- a/app/javascript/dashboard/i18n/default-sidebar.js
+++ b/app/javascript/dashboard/i18n/default-sidebar.js
@@ -8,6 +8,7 @@ export const getSidebarItems = accountId => ({
       'inbox_conversation',
       'conversation_through_inbox',
       'contacts_dashboard',
+      'contacts_dashboard_manage',
       'notifications_dashboard',
       'settings_account_reports',
       'profile_settings',
diff --git a/app/javascript/dashboard/routes/dashboard/contacts/pages/ContactManageView.vue b/app/javascript/dashboard/routes/dashboard/contacts/pages/ContactManageView.vue
new file mode 100644
index 000000000..4383991fe
--- /dev/null
+++ b/app/javascript/dashboard/routes/dashboard/contacts/pages/ContactManageView.vue
@@ -0,0 +1,37 @@
+<template>
+  <div class="contact-manage-view row"></div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+
+export default {
+  components: {},
+  props: {
+    contactId: {
+      type: [String, Number],
+      default: 0,
+    },
+  },
+  data() {
+    return {};
+  },
+  computed: {
+    ...mapGetters({
+      uiFlags: 'contacts/getUIFlags',
+    }),
+    showEmptySearchResult() {
+      const hasEmptyResults = !!this.searchQuery && this.records.length === 0;
+      return hasEmptyResults;
+    },
+  },
+  mounted() {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped>
+.contact-manage-view {
+  width: 100%;
+}
+</style>
diff --git a/app/javascript/dashboard/routes/dashboard/contacts/routes.js b/app/javascript/dashboard/routes/dashboard/contacts/routes.js
index 06a13c7db..f5ef5ad14 100644
--- a/app/javascript/dashboard/routes/dashboard/contacts/routes.js
+++ b/app/javascript/dashboard/routes/dashboard/contacts/routes.js
@@ -1,5 +1,6 @@
 /* eslint arrow-body-style: 0 */
 import ContactsView from './components/ContactsView';
+import ContactManageView from './pages/ContactManageView';
 import { frontendURL } from '../../../helper/URLHelper';
 
 export const routes = [
@@ -9,4 +10,13 @@ export const routes = [
     roles: ['administrator', 'agent'],
     component: ContactsView,
   },
+  {
+    path: frontendURL('accounts/:accountId/contacts/:contactId'),
+    name: 'contacts_dashboard_manage',
+    roles: ['administrator', 'agent'],
+    component: ContactManageView,
+    props: route => {
+      return { contactId: route.params.contactId };
+    },
+  },
 ];