feat: Creates component to display conversation search results (#6575)

* feat: Creates component to display conversation search results * Fixes minor bugs
2023-03-01 19:11:10 +05:30
parent c8cdff8bc4
commit daf17046e9
2 changed files with 186 additions and 0 deletions
--- a/app/javascript/dashboard/modules/search/stories/SearchResultConversationItem.stories.js
+++ b/app/javascript/dashboard/modules/search/stories/SearchResultConversationItem.stories.js
@@ -0,0 +1,50 @@
+import SearchResultConversationItem from '../components/SearchResultConversationItem.vue';
+
+export default {
+  title: 'Components/Search/SearchResultConversationItem',
+  component: SearchResultConversationItem,
+  argTypes: {
+    id: {
+      defaultValue: '123',
+      control: {
+        type: 'text',
+      },
+    },
+    name: {
+      defaultValue: 'John Doe',
+      control: {
+        type: 'text',
+      },
+    },
+    inbox: {
+      defaultValue: {
+        name: 'Livechat',
+        channel_type: 'Channel::WebWidget',
+      },
+      control: {
+        type: 'object',
+      },
+    },
+    accountId: {
+      defaultValue: '7890',
+      control: {
+        type: 'text',
+      },
+    },
+    createdAt: {
+      defaultValue: '1677672962',
+      control: {
+        type: 'text',
+      },
+    },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { SearchResultConversationItem },
+  template:
+    '<search-result-conversation-item v-bind="$props"></search-result-conversation-item>',
+});
+
+export const ResultConversationItem = Template.bind({});