mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Upgrade react and storybook

Browse source
This commit is contained in:
Josh Perez 2022-06-06 20:48:02 -04:00 • committed by GitHub
parent 6476a4fe73
commit 42eb4013d0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
244 changed files with 15341 additions and 10249 deletions
Download patch file Download diff file Expand all files Collapse all files

41
ts/components/Spinner.stories.tsx
View file

@ -3,12 +3,13 @@
import * as React from 'react';
import { storiesOf } from '@storybook/react';
import { select, text } from '@storybook/addon-knobs';
import type { Props } from './Spinner';
import { Spinner, SpinnerDirections, SpinnerSvgSizes } from './Spinner';
const story = storiesOf('Components/Spinner', module);
export default {
title: 'Components/Spinner',
};
const createProps = (overrideProps: Partial<Props> = {}): Props => ({
size: text('size', overrideProps.size || ''),
@ -24,24 +25,36 @@ const createProps = (overrideProps: Partial<Props> = {}): Props => ({
),
});
story.add('Normal', () => {
export const Normal = (): JSX.Element => {
const props = createProps();
return <Spinner {...props} />;
});
};
story.add('SVG Sizes', () => {
export const SvgSizes = (): JSX.Element => {
const props = createProps();
return SpinnerSvgSizes.map(svgSize => (
<Spinner key={svgSize} {...props} svgSize={svgSize} />
));
});
return (
<>
{SpinnerSvgSizes.map(svgSize => (
<Spinner key={svgSize} {...props} svgSize={svgSize} />
))}
</>
);
};
story.add('Directions', () => {
SvgSizes.story = {
name: 'SVG Sizes',
};
export const Directions = (): JSX.Element => {
const props = createProps();
return SpinnerDirections.map(direction => (
<Spinner key={direction} {...props} direction={direction} />
));
});
return (
<>
{SpinnerDirections.map(direction => (
<Spinner key={direction} {...props} direction={direction} />
))}
</>
);
};