You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
1.1 KiB
59 lines
1.1 KiB
6 years ago
|
import React from 'react'
|
||
|
|
import { storiesOf } from '@storybook/react'
|
||
|
|
import { StateDecorator, Store } from '@sambego/storybook-state'
|
||
|
|
import Dropdown from 'components/UI/Dropdown'
|
||
|
|
|
||
|
|
const store = new Store({
|
||
|
|
crypto: 'btc',
|
||
|
|
fiat: 'usd',
|
||
|
|
cryptoCurrencies: [
|
||
|
|
{
|
||
|
|
key: 'btc',
|
||
|
|
name: 'BTC'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
key: 'bits',
|
||
|
|
name: 'bits'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
key: 'sats',
|
||
|
|
name: 'satoshis'
|
||
|
|
}
|
||
|
|
],
|
||
|
|
fiatCurrencies: [
|
||
|
|
{
|
||
|
|
key: 'usd',
|
||
|
|
name: 'USD'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
key: 'eur',
|
||
|
|
name: 'EUR'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
key: 'gbp',
|
||
|
|
name: 'GBP'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
})
|
||
|
|
|
||
|
|
storiesOf('Components.Dropdown', module)
|
||
|
|
.addDecorator(StateDecorator(store))
|
||
|
|
.add('Crypto', () => {
|
||
|
|
return (
|
||
|
|
<Dropdown
|
||
|
|
activeKey={store.get('crypto')}
|
||
|
|
items={store.get('cryptoCurrencies')}
|
||
|
|
onChange={crypto => store.set({ crypto })}
|
||
|
|
/>
|
||
|
|
)
|
||
|
|
})
|
||
|
|
.add('Fiat', () => {
|
||
|
|
return (
|
||
|
|
<Dropdown
|
||
|
|
activeKey={store.get('fiat')}
|
||
|
|
items={store.get('fiatCurrencies')}
|
||
|
|
onChange={fiat => store.set({ fiat })}
|
||
|
|
/>
|
||
|
|
)
|
||
|
|
})
|