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

Migrate EmptyState to Storybook

Browse source
This commit is contained in:
Sidney Keese 2020-08-20 14:38:18 -07:00 committed by Josh Perez
parent 2cd187abaf
commit 8975b3473c
2 changed files with 15 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
ts/components/conversation/media-gallery/EmptyState.md
View file

@ -1,29 +0,0 @@
### Media Empty State
```js
<div
style={{
display: 'flex',
position: 'relative',
width: '100%',
height: 200,
}}
>
<EmptyState label={util.i18n('mediaEmptyState')} />
</div>
```
### Documents Empty State
```js
<div
style={{
display: 'flex',
position: 'relative',
width: '100%',
height: 500,
}}
>
<EmptyState label={util.i18n('documentsEmptyState')} />
</div>
```

15
ts/components/conversation/media-gallery/EmptyState.stories.tsx Normal file
View file

@ -0,0 +1,15 @@
import * as React from 'react';
import { storiesOf } from '@storybook/react';
import { text, withKnobs } from '@storybook/addon-knobs';
import { EmptyState } from './EmptyState';
const story = storiesOf(
'Components/Conversation/MediaGallery/EmptyState',
module
);
story.addDecorator((withKnobs as any)({ escapeHTML: false }));
story.add('Default', () => {
return <EmptyState label={text('label', 'placeholder text')} />;
});