feat: Creates component to show contact search results (#6571)

* feat: Creates component to show contact search results * Refactors unused code * Review fixes * Update app/javascript/dashboard/modules/search/components/SearchResultContactItem.vue Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com> --------- Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
2023-03-01 18:26:29 +05:30
parent 34a2486e9c
commit c8cdff8bc4
2 changed files with 136 additions and 0 deletions
--- a/app/javascript/dashboard/modules/search/stories/SearchResultContactItem.stories.js
+++ b/app/javascript/dashboard/modules/search/stories/SearchResultContactItem.stories.js
@@ -0,0 +1,53 @@
+import SearchResultContactItem from '../components/SearchResultContactItem.vue';
+
+export default {
+  title: 'Components/Search/SearchResultContactItem',
+  component: SearchResultContactItem,
+  argTypes: {
+    id: {
+      defaultValue: '123',
+      control: {
+        type: 'text',
+      },
+    },
+    name: {
+      defaultValue: 'John Doe',
+      control: {
+        type: 'text',
+      },
+    },
+    email: {
+      defaultValue: 'johndoe@faster.com',
+      control: {
+        type: 'text',
+      },
+    },
+    phone: {
+      defaultValue: '+1 123 456 7890',
+      control: {
+        type: 'text',
+      },
+    },
+    accountId: {
+      defaultValue: '7890',
+      control: {
+        type: 'text',
+      },
+    },
+    thumbnail: {
+      defaultValue: 'https://randomuser.me/api/portraits/men/62.jpg',
+      control: {
+        type: 'text',
+      },
+    },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { SearchResultContactItem },
+  template:
+    '<search-result-contact-item v-bind="$props"></search-result-contact-item>',
+});
+
+export const ResultContactItem = Template.bind({});