GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 18:31:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: update Loader count for refs

Browse Source
This commit is contained in:
Brody McKee 2020-04-21 13:59:58 +03:00
parent 855815293b
commit cd9ba628e3
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
lib/ui/src/components/sidebar/Loader.tsx
View File

@ -30,9 +30,19 @@ export const Contained = styled.div({
paddingRight: 20,
});
export const Loader: FunctionComponent<{
size: 'single' | 'multiple';
}> = ({ size }) => {
const getRandomInt = (max: number) => Math.floor(Math.random() * Math.floor(max + 1));
export const Loader: FunctionComponent<{ size: 'single' | 'multiple' | number }> = ({ size }) => {
if (typeof size === 'number') {
return (
<Fragment>
{Array.from(Array(size)).map((item, index) => (
// eslint-disable-next-line react/no-array-index-key
<Loadingitem depth={index > 0 ? getRandomInt(1) : 0} key={index} />
))}
</Fragment>
);
}
return size === 'multiple' ? (
<Fragment>
<Loadingitem />

2
lib/ui/src/components/sidebar/RefBlocks.tsx
View File

@ -222,7 +222,7 @@ export const ErrorBlock: FunctionComponent<{ error: Error }> = ({ error }) => (
export const LoaderBlock: FunctionComponent<{ isMain: boolean }> = ({ isMain }) => (
<Contained>
<Loader size={isMain ? 'multiple' : 'single'} />
<Loader size={isMain ? 'multiple' : 5} />
</Contained>
);