diff --git a/src/components/Breadcrumb/stories.js b/src/components/Breadcrumb/stories.js index 5240e39e..618b4768 100644 --- a/src/components/Breadcrumb/stories.js +++ b/src/components/Breadcrumb/stories.js @@ -6,9 +6,9 @@ import { number } from '@storybook/addon-knobs' import Breadcrumb from 'components/Breadcrumb' -const stories = storiesOf('Components/Breadcrumb', module) +const stories = storiesOf('Components', module) -stories.add('basic', () => ( +stories.add('Breadcrumb', () => ( { } } -stories.add('basic', () => ( +stories.add('RecipientAddress', () => ( ( ({ id: chance.string(), @@ -48,7 +48,7 @@ class Wrapper extends PureComponent { } } -stories.add('basic', () => ( +stories.add('SelectAccount', () => ( ( k} /> diff --git a/src/components/TransactionsList/stories.js b/src/components/TransactionsList/stories.js index 8f67dc80..ac7880bc 100644 --- a/src/components/TransactionsList/stories.js +++ b/src/components/TransactionsList/stories.js @@ -6,7 +6,7 @@ import { boolean } from '@storybook/addon-knobs' import TransactionsList from 'components/TransactionsList' -const stories = storiesOf('Components/TransactionsList', module) +const stories = storiesOf('Components', module) const transactions = [ { @@ -23,6 +23,6 @@ const transactions = [ }, ] -stories.add('basic', () => ( +stories.add('TransactionsList', () => ( )) diff --git a/src/components/base/Bar/stories.js b/src/components/base/Bar/stories.js index d1d79452..8e920897 100644 --- a/src/components/base/Bar/stories.js +++ b/src/components/base/Bar/stories.js @@ -7,6 +7,6 @@ import { storiesOf } from '@storybook/react' import Bar from 'components/base/Bar' -const stories = storiesOf('Components/Bar', module) +const stories = storiesOf('Components', module) -stories.add('basic', () => ) +stories.add('Bar', () => ) diff --git a/src/components/base/Button/stories.js b/src/components/base/Button/stories.js index 9c79523a..72bd84f2 100644 --- a/src/components/base/Button/stories.js +++ b/src/components/base/Button/stories.js @@ -6,7 +6,7 @@ import styled from 'styled-components' import Button from 'components/base/Button' -const stories = storiesOf('Components/Button', module) +const stories = storiesOf('Components', module) const Th = styled.th` padding: 20px; @@ -17,7 +17,7 @@ const Td = styled.td` min-width: 150px; ` -stories.add('all', () => ( +stories.add('Button', () => ( diff --git a/src/components/base/CheckBox/stories.js b/src/components/base/CheckBox/stories.js index fe006605..f196de87 100644 --- a/src/components/base/CheckBox/stories.js +++ b/src/components/base/CheckBox/stories.js @@ -5,8 +5,8 @@ import { action } from '@storybook/addon-actions' import CheckBox from 'components/base/CheckBox' -const stories = storiesOf('Components/CheckBox', module) +const stories = storiesOf('Components', module) -stories.add('basic', () => ( +stories.add('CheckBox', () => ( )) diff --git a/src/components/base/GrowScroll/stories.js b/src/components/base/GrowScroll/stories.js index f10eba34..ec18ad21 100644 --- a/src/components/base/GrowScroll/stories.js +++ b/src/components/base/GrowScroll/stories.js @@ -7,9 +7,9 @@ import { boolean } from '@storybook/addon-knobs' import Box from 'components/base/Box' import GrowScroll from 'components/base/GrowScroll' -const stories = storiesOf('Components/GrowScroll', module) +const stories = storiesOf('Components', module) -stories.add('basic', () => { +stories.add('GrowScroll', () => { const reverseColor = boolean('reverseColor', false) return ( diff --git a/src/components/base/Input/stories.js b/src/components/base/Input/stories.js index 91539535..196a7b12 100644 --- a/src/components/base/Input/stories.js +++ b/src/components/base/Input/stories.js @@ -5,6 +5,6 @@ import { storiesOf } from '@storybook/react' import Input from 'components/base/Input' -const stories = storiesOf('Components/Input', module) +const stories = storiesOf('Components', module) -stories.add('basic', () => ) +stories.add('Input', () => ) diff --git a/src/components/base/Modal/stories.js b/src/components/base/Modal/stories.js index b1544817..17078d48 100644 --- a/src/components/base/Modal/stories.js +++ b/src/components/base/Modal/stories.js @@ -6,9 +6,9 @@ import { boolean } from '@storybook/addon-knobs' import { Modal, ModalBody } from 'components/base/Modal' -const stories = storiesOf('Components/Modal', module) +const stories = storiesOf('Components', module) -stories.add('basic', () => { +stories.add('Modal', () => { const isOpened = boolean('isOpened', true) return ( { } } -stories.add('default', () => ) +stories.add('Chart', () => ) function generateRandomData(n) { const today = moment() diff --git a/src/components/base/Pills/stories.js b/src/components/base/Pills/stories.js index 191a9138..5344c775 100644 --- a/src/components/base/Pills/stories.js +++ b/src/components/base/Pills/stories.js @@ -5,7 +5,7 @@ import { storiesOf } from '@storybook/react' import Pills from 'components/base/Pills' -const stories = storiesOf('Components/Pills', module) +const stories = storiesOf('Components', module) type State = { key: string, @@ -32,4 +32,4 @@ class Wrapper extends PureComponent { } } -stories.add('basic', () => ) +stories.add('Pills', () => ) diff --git a/src/components/base/QRCode/stories.js b/src/components/base/QRCode/stories.js index c00c8d80..77613165 100644 --- a/src/components/base/QRCode/stories.js +++ b/src/components/base/QRCode/stories.js @@ -7,6 +7,6 @@ import { text, number } from '@storybook/addon-knobs' import QRCode from 'components/base/QRCode' -const stories = storiesOf('Components/QRCode', module) +const stories = storiesOf('Components', module) -stories.add('basic', () => ) +stories.add('QRCode', () => ) diff --git a/src/components/base/Radio/stories.js b/src/components/base/Radio/stories.js index daa31f83..f84e73d5 100644 --- a/src/components/base/Radio/stories.js +++ b/src/components/base/Radio/stories.js @@ -5,8 +5,8 @@ import { boolean } from '@storybook/addon-knobs' import Radio from 'components/base/Radio' -const stories = storiesOf('Components/Radio', module) +const stories = storiesOf('Components', module) -stories.add('basic', () => ( +stories.add('Radio', () => ( )) diff --git a/src/components/base/Search/stories.js b/src/components/base/Search/stories.js deleted file mode 100644 index 293ac3ae..00000000 --- a/src/components/base/Search/stories.js +++ /dev/null @@ -1,79 +0,0 @@ -// @flow - -import React from 'react' -import PropTypes from 'prop-types' -import { storiesOf } from '@storybook/react' -import { text, boolean } from '@storybook/addon-knobs' - -import Search from 'components/base/Search' - -const stories = storiesOf('Components/Search', module) - -const items = [ - { key: 'aleksandr-grichtchouk', name: 'Aleksandr Grichtchouk' }, - { key: 'fabiano-caruana', name: 'Fabiano Caruana' }, - { key: 'garry-kasparov', name: 'Garry Kasparov' }, - { key: 'hikaru-nakamura', name: 'Hikaru Nakamura' }, - { key: 'levon-aronian', name: 'Levon Aronian' }, - { key: 'magnus-carlsen', name: 'Magnus Carlsen' }, - { key: 'maxime-vachier-lagrave', name: 'Maxime Vachier-Lagrave' }, - { key: 'shakhriyar-mamedyarov', name: 'Shakhriyar Mamedyarov' }, - { key: 'veselin-topalov', name: 'Veselin Topalov' }, - { key: 'viswanathan-anand', name: 'Viswanathan Anand' }, - { key: 'vladimir-kramnik', name: 'Vladimir Kramnik' }, -] - -const Wrapper = ({ children }) => ( -
-
{'(Change the search value in knobs)'}
- {children} -
-) - -Wrapper.propTypes = { - children: PropTypes.any.isRequired, -} - -stories.add('basic', () => { - const value = text('value', '') - const filterEmpty = boolean('filterEmpty', false) - return ( - - items.map(item =>
{item.name}
)} - /> -
- ) -}) - -stories.add('highlight matches', () => { - const value = text('value', '') - const filterEmpty = boolean('filterEmpty', false) - return ( - - ( - - {text} - - )} - render={items => - items.map(item =>
{item.name_highlight || item.name}
) - } - /> -
- ) -}) diff --git a/src/components/base/Tabs/stories.js b/src/components/base/Tabs/stories.js index 7f9dc543..2447b428 100644 --- a/src/components/base/Tabs/stories.js +++ b/src/components/base/Tabs/stories.js @@ -6,9 +6,9 @@ import { storiesOf } from '@storybook/react' import Tabs from 'components/base/Tabs' -const stories = storiesOf('Components/Tabs', module) +const stories = storiesOf('Components', module) -stories.add('basic', () => ( +stories.add('Tabs', () => (
Oyo!
}>Hover me!
) +stories.add('Tooltip', () =>
Oyo!
}>Hover me!
)