diff --git a/webapp/components/SearchInput/SearchInput.story.js b/webapp/components/SearchInput/SearchInput.story.js index 515222d41..fbef28f15 100644 --- a/webapp/components/SearchInput/SearchInput.story.js +++ b/webapp/components/SearchInput/SearchInput.story.js @@ -5,62 +5,100 @@ import helpers from '~/storybook/helpers' helpers.init() -export const results = { - posts: [ - { - id: 'de100841-2336-4b01-a574-f1bd2c0b262a', - slug: 'user-post-by-jenny', - label: 'User Post by Jenny', - value: 'User Post by Jenny', - shoutedCount: 0, - createdAt: '2019-11-13T03:03:16.155Z', - author: { - id: 'u3', - name: 'Jenny Rostock', - slug: 'jenny-rostock', - }, +export const results = [ + { + id: 'de100841-2336-4b01-a574-f1bd2c0b262a', + searchType: 'Contributions', + firstType: true, + slug: 'user-post-by-jenny', + label: 'User Post by Jenny', + value: 'User Post by Jenny', + shoutedCount: 0, + createdAt: '2019-11-13T03:03:16.155Z', + author: { + id: 'u3', + name: 'Jenny Rostock', + slug: 'jenny-rostock', }, - { - id: 'f48f00a0-c412-432f-8334-4276a4e15d1c', - slug: 'eum-quos-est-molestiae-enim-magni-consequuntur-sed-commodi-eos', - label: 'Eum quos est molestiae enim magni consequuntur sed commodi eos.', - value: 'Eum quos est molestiae enim magni consequuntur sed commodi eos.', - shoutedCount: 0, - createdAt: '2019-11-13T03:00:45.478Z', - author: { - id: 'u6', - name: 'Louie', - slug: 'louie', - }, + }, + { + id: 'f48f00a0-c412-432f-8334-4276a4e15d1c', + searchType: 'Contributions', + firstType: false, + slug: 'eum-quos-est-molestiae-enim-magni-consequuntur-sed-commodi-eos', + label: 'Eum quos est molestiae enim magni consequuntur sed commodi eos.', + value: 'Eum quos est molestiae enim magni consequuntur sed commodi eos.', + shoutedCount: 0, + createdAt: '2019-11-13T03:00:45.478Z', + author: { + id: 'u6', + name: 'Louie', + slug: 'louie', }, - { - id: 'p7', - slug: 'this-is-post-7', - label: 'This is post #7', - value: 'This is post #7', - shoutedCount: 1, - createdAt: '2019-11-13T03:00:23.098Z', - author: { - id: 'u6', - name: 'Louie', - slug: 'louie', - }, + }, + { + id: 'p7', + searchType: 'Contributions', + firstType: false, + slug: 'this-is-post-7', + label: 'This is post #7', + value: 'This is post #7', + shoutedCount: 1, + createdAt: '2019-11-13T03:00:23.098Z', + author: { + id: 'u6', + name: 'Louie', + slug: 'louie', }, - { - id: 'p12', - slug: 'this-is-post-12', - label: 'This is post #12', - value: 'This is post #12', - shoutedCount: 0, - createdAt: '2019-11-13T03:00:23.098Z', - author: { - id: 'u6', - name: 'Louie', - slug: 'louie', - }, + }, + { + id: 'p12', + searchType: 'Contributions', + firstType: false, + slug: 'this-is-post-12', + label: 'This is post #12', + value: 'This is post #12', + shoutedCount: 0, + createdAt: '2019-11-13T03:00:23.098Z', + author: { + id: 'u6', + name: 'Louie', + slug: 'louie', }, - ], -} + }, + { + id: 'u1', + firstType: true, + searchType: 'Users', + name: 'Peter Lustig', + label: 'Peter Lustig', + slug: 'peter-lustig', + }, + { + id: 'cdbca762-0632-4564-b646-415a0c42d8b8', + searchType: 'Users', + firstType: false, + name: 'Herbert Schultz', + label: 'Herbert Schultz', + slug: 'herbert-schultz', + }, + { + id: 'u2', + searchType: 'Users', + firstType: false, + name: 'Bob der Baumeister', + label: 'Bob der Baumeister', + slug: 'bob-der-baumeister', + }, + { + id: '7b654f72-f4da-4315-8bed-39de0859754b', + searchType: 'Users', + firstType: false, + name: 'Tonya Mohr', + label: 'Tonya Mohr', + slug: 'tonya-mohr', + }, +] storiesOf('Search Input', module) .addDecorator(withA11y) @@ -69,7 +107,7 @@ storiesOf('Search Input', module) components: { SearchInput }, store: helpers.store, data: () => ({ - results: results.posts, + results: results, }), template: ` @@ -265,5 +273,9 @@ export default { .control { width: 100%; } + .search-option-heading { + font-weight: bold; + margin-bottom: 1em; + } }