ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix DropdownFilter story after refactor

Browse Source 
- it was refactored to make reuse easier
This commit is contained in:
mattwr18 2019-11-04 15:38:34 +01:00
parent d56c81dc3d
commit 49f73976b7
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
webapp/components/DropdownFilter/DropdownFilter.story.js
View File

@ -5,14 +5,26 @@ import DropdownFilter from '~/components/DropdownFilter/DropdownFilter'
import helpers from '~/storybook/helpers' import helpers from '~/storybook/helpers'
helpers.init() helpers.init()
const filterOptions = [
{ label: 'All', value: null },
{ label: 'Read', value: true },
{ label: 'Unread', value: false },
]
storiesOf('DropdownFilter', module) storiesOf('DropdownFilter', module)
.addDecorator(withA11y) .addDecorator(withA11y)
.addDecorator(helpers.layout) .addDecorator(helpers.layout)
.add('filter dropdown', () => ({ .add('filter dropdown', () => ({
components: { DropdownFilter }, components: { DropdownFilter },
data: () => ({
filterOptions,
selected: filterOptions[0].label,
}),
methods: { methods: {
filterNotifications: action('filterNotifications'), filterNotifications: action('filterNotifications'),
}, },
template: '<notifications-dropdown-filter @filterNotifications="filterNotifications" />', template: `<dropdown-filter
@filterNotifications="filterNotifications"
:filterOptions="filterOptions"
:selected="selected"
/>`,
})) }))