feat: Adds component to show location based messages (#5809)

- Adds a component to show location-type messages in the dashboard
2022-11-07 20:50:07 -08:00
parent b50890d1b5
commit 20406dce01
3 changed files with 110 additions and 0 deletions
--- a/app/javascript/dashboard/components/widgets/conversation/stories/LocationBubble.stories.js
+++ b/app/javascript/dashboard/components/widgets/conversation/stories/LocationBubble.stories.js
@@ -0,0 +1,34 @@
+import LocationBubble from '../bubble/Location.vue';
+
+export default {
+  title: 'Components/Help Center',
+  component: LocationBubble,
+  argTypes: {
+    latitude: {
+      defaultValue: 1,
+      control: {
+        type: 'number',
+      },
+    },
+    longitude: {
+      defaultValue: 1,
+      control: {
+        type: 'number',
+      },
+    },
+    name: {
+      defaultValue: '420, Dope street',
+      control: {
+        type: 'string',
+      },
+    },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { LocationBubble },
+  template: '<location-bubble v-bind="$props" />',
+});
+
+export const LocationBubbleView = Template.bind({});