meriadec
7 years ago
No known key found for this signature in database
GPG Key ID: 1D2FC2305E2CB399
17 changed files with
19 additions and
19 deletions
-
src/components/base/Bar/stories.js
-
src/components/base/Box/stories.js
-
src/components/base/Button/stories.js
-
src/components/base/CheckBox/stories.js
-
src/components/base/GrowScroll/stories.js
-
src/components/base/Input/stories.js
-
src/components/base/InputCurrency/stories.js
-
src/components/base/Modal/stories.js
-
src/components/base/NewChart/stories.js
-
src/components/base/Pills/stories.js
-
src/components/base/QRCode/stories.js
-
src/components/base/Radio/stories.js
-
src/components/base/Select/stories.js
-
src/components/base/Tabs/stories.js
-
src/components/base/Text/stories.js
-
src/components/base/Tooltip/stories.js
-
src/stories/currencies.stories.js
|
|
@ -7,6 +7,6 @@ import { storiesOf } from '@storybook/react' |
|
|
|
|
|
|
|
import Bar from 'components/base/Bar' |
|
|
|
|
|
|
|
const stories = storiesOf('Components', module) |
|
|
|
const stories = storiesOf('Components/base', module) |
|
|
|
|
|
|
|
stories.add('Bar', () => <Bar size={number('size', 1)} color="grey" />) |
|
|
|
|
|
@ -8,7 +8,7 @@ import styled from 'styled-components' |
|
|
|
|
|
|
|
import Box from 'components/base/Box' |
|
|
|
|
|
|
|
const stories = storiesOf('Components/Box', module) |
|
|
|
const stories = storiesOf('Components/base/Box', module) |
|
|
|
|
|
|
|
const align = [ |
|
|
|
undefined, |
|
|
|
|
|
@ -6,7 +6,7 @@ import styled from 'styled-components' |
|
|
|
|
|
|
|
import Button from 'components/base/Button' |
|
|
|
|
|
|
|
const stories = storiesOf('Components', module) |
|
|
|
const stories = storiesOf('Components/base', module) |
|
|
|
|
|
|
|
const Th = styled.th` |
|
|
|
padding: 20px; |
|
|
|
|
|
@ -5,7 +5,7 @@ import { action } from '@storybook/addon-actions' |
|
|
|
|
|
|
|
import CheckBox from 'components/base/CheckBox' |
|
|
|
|
|
|
|
const stories = storiesOf('Components', module) |
|
|
|
const stories = storiesOf('Components/base', module) |
|
|
|
|
|
|
|
stories.add('CheckBox', () => ( |
|
|
|
<CheckBox isChecked={boolean('isChecked', false)} onChange={action('onChange')} /> |
|
|
|
|
|
@ -7,7 +7,7 @@ import { boolean } from '@storybook/addon-knobs' |
|
|
|
import Box from 'components/base/Box' |
|
|
|
import GrowScroll from 'components/base/GrowScroll' |
|
|
|
|
|
|
|
const stories = storiesOf('Components', module) |
|
|
|
const stories = storiesOf('Components/base', module) |
|
|
|
|
|
|
|
stories.add('GrowScroll', () => { |
|
|
|
const reverseColor = boolean('reverseColor', false) |
|
|
|
|
|
@ -5,6 +5,6 @@ import { storiesOf } from '@storybook/react' |
|
|
|
|
|
|
|
import Input from 'components/base/Input' |
|
|
|
|
|
|
|
const stories = storiesOf('Components', module) |
|
|
|
const stories = storiesOf('Components/base', module) |
|
|
|
|
|
|
|
stories.add('Input', () => <Input placeholder="Foo bar" />) |
|
|
|
|
|
@ -8,7 +8,7 @@ import { getDefaultUnitByCoinType } from '@ledgerhq/currencies' |
|
|
|
|
|
|
|
import InputCurrency from 'components/base/InputCurrency' |
|
|
|
|
|
|
|
const stories = storiesOf('Components', module) |
|
|
|
const stories = storiesOf('Components/base', module) |
|
|
|
|
|
|
|
const unit = getDefaultUnitByCoinType(1) |
|
|
|
|
|
|
|
|
|
@ -8,7 +8,7 @@ import { Modal, ModalBody, ModalTitle, ModalContent, ModalFooter } from 'compone |
|
|
|
import Box from 'components/base/Box' |
|
|
|
import Button from 'components/base/Button' |
|
|
|
|
|
|
|
const stories = storiesOf('Components', module) |
|
|
|
const stories = storiesOf('Components/base', module) |
|
|
|
|
|
|
|
stories.add('Modal', () => { |
|
|
|
const isOpened = boolean('isOpened', true) |
|
|
|
|
|
@ -10,7 +10,7 @@ import { color } from '@storybook/addon-knobs/react' |
|
|
|
|
|
|
|
import Chart from 'components/base/NewChart' |
|
|
|
|
|
|
|
const stories = storiesOf('Components', module) |
|
|
|
const stories = storiesOf('Components/base', module) |
|
|
|
|
|
|
|
const data = generateRandomData(365) |
|
|
|
const unit = getDefaultUnitByCoinType(0) |
|
|
|
|
|
@ -5,7 +5,7 @@ import { storiesOf } from '@storybook/react' |
|
|
|
|
|
|
|
import Pills from 'components/base/Pills' |
|
|
|
|
|
|
|
const stories = storiesOf('Components', module) |
|
|
|
const stories = storiesOf('Components/base', module) |
|
|
|
|
|
|
|
type State = { |
|
|
|
key: string, |
|
|
|
|
|
@ -7,6 +7,6 @@ import { text, number } from '@storybook/addon-knobs' |
|
|
|
|
|
|
|
import QRCode from 'components/base/QRCode' |
|
|
|
|
|
|
|
const stories = storiesOf('Components', module) |
|
|
|
const stories = storiesOf('Components/base', module) |
|
|
|
|
|
|
|
stories.add('QRCode', () => <QRCode data={text('data', 'sample')} size={number('size', 200)} />) |
|
|
|
|
|
@ -5,7 +5,7 @@ import { boolean } from '@storybook/addon-knobs' |
|
|
|
|
|
|
|
import Radio from 'components/base/Radio' |
|
|
|
|
|
|
|
const stories = storiesOf('Components', module) |
|
|
|
const stories = storiesOf('Components/base', module) |
|
|
|
|
|
|
|
stories.add('Radio', () => ( |
|
|
|
<Radio isChecked={boolean('checked', false)} onChange={action('onChange')} /> |
|
|
|
|
|
@ -7,7 +7,7 @@ import Box from 'components/base/Box' |
|
|
|
import Select from 'components/base/Select' |
|
|
|
import Text from 'components/base/Text' |
|
|
|
|
|
|
|
const stories = storiesOf('Components/Select', module) |
|
|
|
const stories = storiesOf('Components/base/Select', module) |
|
|
|
|
|
|
|
const itemsChessPlayers = [ |
|
|
|
{ key: 'aleksandr-grichtchouk', name: 'Aleksandr Grichtchouk' }, |
|
|
|
|
|
@ -6,7 +6,7 @@ import { storiesOf } from '@storybook/react' |
|
|
|
|
|
|
|
import Tabs from 'components/base/Tabs' |
|
|
|
|
|
|
|
const stories = storiesOf('Components', module) |
|
|
|
const stories = storiesOf('Components/base', module) |
|
|
|
|
|
|
|
stories.add('Tabs', () => ( |
|
|
|
<Tabs |
|
|
|
|
|
@ -10,7 +10,7 @@ import Text from 'components/base/Text' |
|
|
|
|
|
|
|
import { fontFamilies, fontSizes } from 'styles/theme' |
|
|
|
|
|
|
|
const stories = storiesOf('Common/Text', module) |
|
|
|
const stories = storiesOf('Common', module) |
|
|
|
|
|
|
|
const Title = ({ children }: { children: string }) => ( |
|
|
|
<Text style={{ fontFamily: 'monospace' }} fontSize={5}> |
|
|
@ -56,7 +56,7 @@ const FontSizes = () => ( |
|
|
|
</Box> |
|
|
|
) |
|
|
|
|
|
|
|
stories.add('all fonts styles', () => ( |
|
|
|
stories.add('Text styles', () => ( |
|
|
|
<Box flow={4}> |
|
|
|
<FontStyles txt={text('text', 'The quick brown fox jumps over the lazy dog')} /> |
|
|
|
<FontSizes /> |
|
|
|
|
|
@ -5,6 +5,6 @@ import { storiesOf } from '@storybook/react' |
|
|
|
|
|
|
|
import Tooltip from 'components/base/Tooltip' |
|
|
|
|
|
|
|
const stories = storiesOf('Components', module) |
|
|
|
const stories = storiesOf('Components/base', module) |
|
|
|
|
|
|
|
stories.add('Tooltip', () => <Tooltip render={() => <div>Oyo!</div>}>Hover me!</Tooltip>) |
|
|
|
|
|
@ -7,11 +7,11 @@ import { getIconByCoinType } from '@ledgerhq/currencies/react' |
|
|
|
|
|
|
|
import type { Currency } from '@ledgerhq/currencies' |
|
|
|
|
|
|
|
const stories = storiesOf('Common/Currencies', module) |
|
|
|
const stories = storiesOf('Common', module) |
|
|
|
|
|
|
|
const currencies: Array<Currency> = listCurrencies() |
|
|
|
|
|
|
|
stories.add('currencies list', () => ( |
|
|
|
stories.add('Currencies', () => ( |
|
|
|
<div> |
|
|
|
<table border="1"> |
|
|
|
<thead> |
|
|
|