add test to storybook
This commit is contained in:
@@ -0,0 +1,55 @@
|
|||||||
|
import React from 'react'
|
||||||
|
import {Text, View} from 'react-native'
|
||||||
|
import {useLingui} from '@lingui/react'
|
||||||
|
|
||||||
|
import {formatCount} from '#/view/com/util/numeric/format'
|
||||||
|
import {atoms as a} from '#/alf'
|
||||||
|
import {ArrowRight_Stroke2_Corner0_Rounded as ArrowIcon} from '#/components/icons/Arrow'
|
||||||
|
import {H1} from '#/components/Typography'
|
||||||
|
|
||||||
|
export function NumberFormat() {
|
||||||
|
const {i18n} = useLingui()
|
||||||
|
|
||||||
|
return (
|
||||||
|
<View style={[a.gap_md]}>
|
||||||
|
<H1>Number format</H1>
|
||||||
|
|
||||||
|
<Text>
|
||||||
|
9 <ArrowIcon size="xs" /> {formatCount(i18n, 9)}
|
||||||
|
</Text>
|
||||||
|
<Text>
|
||||||
|
95 <ArrowIcon size="xs" /> {formatCount(i18n, 95)}
|
||||||
|
</Text>
|
||||||
|
<Text>
|
||||||
|
150 <ArrowIcon size="xs" /> {formatCount(i18n, 150)}
|
||||||
|
</Text>
|
||||||
|
<Text>
|
||||||
|
1049 <ArrowIcon size="xs" /> {formatCount(i18n, 1049)}
|
||||||
|
</Text>
|
||||||
|
<Text>
|
||||||
|
1050 <ArrowIcon size="xs" /> {formatCount(i18n, 1050)}
|
||||||
|
</Text>
|
||||||
|
<Text>
|
||||||
|
1060 <ArrowIcon size="xs" /> {formatCount(i18n, 1060)}
|
||||||
|
</Text>
|
||||||
|
<Text>
|
||||||
|
1090 <ArrowIcon size="xs" /> {formatCount(i18n, 1090)}
|
||||||
|
</Text>
|
||||||
|
<Text>
|
||||||
|
1095 <ArrowIcon size="xs" /> {formatCount(i18n, 1095)}
|
||||||
|
</Text>
|
||||||
|
<Text>
|
||||||
|
1099 <ArrowIcon size="xs" /> {formatCount(i18n, 1099)}
|
||||||
|
</Text>
|
||||||
|
<Text>
|
||||||
|
1100 <ArrowIcon size="xs" /> {formatCount(i18n, 1100)}
|
||||||
|
</Text>
|
||||||
|
<Text>
|
||||||
|
10949 <ArrowIcon size="xs" /> {formatCount(i18n, 10949)}
|
||||||
|
</Text>
|
||||||
|
<Text>
|
||||||
|
10950 <ArrowIcon size="xs" /> {formatCount(i18n, 10950)}
|
||||||
|
</Text>
|
||||||
|
</View>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -18,6 +18,7 @@ import {Forms} from './Forms'
|
|||||||
import {Icons} from './Icons'
|
import {Icons} from './Icons'
|
||||||
import {Links} from './Links'
|
import {Links} from './Links'
|
||||||
import {Menus} from './Menus'
|
import {Menus} from './Menus'
|
||||||
|
import {NumberFormat} from './NumberFormat'
|
||||||
import {Settings} from './Settings'
|
import {Settings} from './Settings'
|
||||||
import {Shadows} from './Shadows'
|
import {Shadows} from './Shadows'
|
||||||
import {Spacing} from './Spacing'
|
import {Spacing} from './Spacing'
|
||||||
@@ -100,6 +101,8 @@ function StorybookInner() {
|
|||||||
<ButtonText>Open Shared Prefs Tester</ButtonText>
|
<ButtonText>Open Shared Prefs Tester</ButtonText>
|
||||||
</Button>
|
</Button>
|
||||||
|
|
||||||
|
<NumberFormat />
|
||||||
|
|
||||||
<Admonitions />
|
<Admonitions />
|
||||||
|
|
||||||
<Settings />
|
<Settings />
|
||||||
|
|||||||
Reference in New Issue
Block a user