mirror of
https://github.com/IT4Change/Ocelot-Social.git
synced 2025-12-13 07:45:56 +00:00
dbaa8e687f
- was throwing an error when trying to update commentsCount because of new implementation by @roschaefer which uses countResolver, but there was no related for commentsCount, it was r... also commentsCount is no longer needed anywhere in the code base, it is commentedCount now
79 lines
1.9 KiB
JavaScript
79 lines
1.9 KiB
JavaScript
import { storiesOf } from '@storybook/vue'
|
|
import { withA11y } from '@storybook/addon-a11y'
|
|
import HcPostCard from '~/components/PostCard'
|
|
import helpers from '~/storybook/helpers'
|
|
|
|
helpers.init()
|
|
|
|
const post = {
|
|
id: 'd23a4265-f5f7-4e17-9f86-85f714b4b9f8',
|
|
title: 'Very nice Post Title',
|
|
contentExcerpt: '<p>My post content</p>',
|
|
createdAt: '2019-06-24T22:08:59.304Z',
|
|
disabled: false,
|
|
deleted: false,
|
|
slug: 'very-nice-post-title',
|
|
image: null,
|
|
author: {
|
|
id: 'u3',
|
|
avatar:
|
|
'https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/db/dbc9e03ebcc384b920c31542af2d27dd8eea9dc2_full.jpg',
|
|
slug: 'jenny-rostock',
|
|
name: 'Rainer Unsinn',
|
|
disabled: false,
|
|
deleted: false,
|
|
contributionsCount: 25,
|
|
shoutedCount: 5,
|
|
commentedCount: 39,
|
|
followedByCount: 2,
|
|
followedByCurrentUser: true,
|
|
location: null,
|
|
badges: [
|
|
{
|
|
id: 'b4',
|
|
key: 'indiegogo_en_bear',
|
|
icon: '/img/badges/indiegogo_en_bear.svg',
|
|
__typename: 'Badge',
|
|
},
|
|
],
|
|
__typename: 'User',
|
|
},
|
|
commentedCount: 12,
|
|
categories: [],
|
|
shoutedCount: 421,
|
|
__typename: 'Post',
|
|
}
|
|
|
|
storiesOf('Post Card', module)
|
|
.addDecorator(withA11y)
|
|
.addDecorator(helpers.layout)
|
|
.add('without image', () => ({
|
|
components: { HcPostCard },
|
|
store: helpers.store,
|
|
data: () => ({
|
|
post,
|
|
}),
|
|
template: `
|
|
<hc-post-card
|
|
:post="post"
|
|
:width="{ base: '100%', xs: '100%', md: '50%', xl: '33%' }"
|
|
/>
|
|
`,
|
|
}))
|
|
.add('with image', () => ({
|
|
components: { HcPostCard },
|
|
store: helpers.store,
|
|
data: () => ({
|
|
post: {
|
|
...post,
|
|
image: 'https://unsplash.com/photos/R4y_E5ZQDPg/download',
|
|
},
|
|
}),
|
|
template: `
|
|
<hc-post-card
|
|
:post="post"
|
|
:width="{ base: '100%', xs: '100%', md: '50%', xl: '33%' }"
|
|
/>
|
|
`,
|
|
}))
|