Add new user teaser options to storybook

webapp/components/UserTeaser/UserTeaser.story.js

@@ -56,6 +56,41 @@ export const user = {
   followedBy: [],
   socialMedia: [],
 }
+export const group = {
+  id: 'g2',
+  name: 'Yoga Practice',
+  slug: 'yoga-practice',
+  about: null,
+  description: `<h3>What Is yoga?</h3><p>Yoga is not just about practicing asanas. It's about how we do it.</p><p class="">And practicing asanas doesn't have to be yoga, it can be more athletic than yogic.</p><h3>What makes practicing asanas yogic?</h3><p class="">The important thing is:</p><ul><li><p>Use the exercises (consciously) for your personal development.</p></li></ul>`,
+  descriptionExcerpt: `<h3>What Is yoga?</h3><p>Yoga is not just about practicing asanas. It's about how we do it.</p><p>And practicing asanas doesn't have to be yoga, it can be more athletic than yogic.</p><h3>What makes practicing asanas yogic?</h3><p>The important thing is:</p><ul><li><p>Use the exercises …</p></li></ul>`,
+  groupType: 'public',
+  actionRadius: 'interplanetary',
+  categories: [
+    {
+      id: 'cat4',
+      icon: 'psyche',
+      name: 'psyche',
+      slug: 'psyche',
+      description: 'Seele, Gefühle, Glück',
+    },
+    {
+      id: 'cat5',
+      icon: 'movement',
+      name: 'body-and-excercise',
+      slug: 'body-and-excercise',
+      description: 'Sport, Yoga, Massage, Tanzen, Entspannung',
+    },
+    {
+      id: 'cat17',
+      icon: 'spirituality',
+      name: 'spirituality',
+      slug: 'spirituality',
+      description: 'Religion, Werte, Ethik',
+    },
+  ],
+  locationName: null,
+  location: null,
+}
 
 storiesOf('UserTeaser', module)
   .addDecorator(withA11y)
@@ -68,7 +103,7 @@ storiesOf('UserTeaser', module)
     }),
     template: '<user-teaser :user="user" />',
   }))
-  .add('with Date', () => ({
+  .add('with date', () => ({
     components: { UserTeaser },
     store: helpers.store,
     data: () => ({
@@ -98,3 +133,21 @@ storiesOf('UserTeaser', module)
     }),
     template: '<user-teaser :user="user" :date-time="new Date()" />',
   }))
+  .add('with group and date', () => ({
+    components: { UserTeaser },
+    store: helpers.store,
+    data: () => ({
+      user,
+      group,
+    }),
+    template: '<user-teaser :user="user" :group="group" :date-time="new Date()" />',
+  }))
+  .add('with group and date – wide', () => ({
+    components: { UserTeaser },
+    store: helpers.store,
+    data: () => ({
+      user,
+      group,
+    }),
+    template: '<user-teaser :user="user" :group="group" wide :date-time="new Date()" />',
+  }))