From fc32a5f1aa44e4adbbb88b1105e41139a4ff9c73 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 19 Oct 2022 18:59:26 +0200
Subject: [PATCH] Add new user teaser options to storybook

---
 .../components/UserTeaser/UserTeaser.story.js | 55 ++++++++++++++++++-
 1 file changed, 54 insertions(+), 1 deletion(-)

diff --git a/webapp/components/UserTeaser/UserTeaser.story.js b/webapp/components/UserTeaser/UserTeaser.story.js
index a872b1aa4..aa8be58ff 100644
--- a/webapp/components/UserTeaser/UserTeaser.story.js
+++ b/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()" />',
+  }))