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

Avatar defaults and colors

Browse source
This commit is contained in:
Josh Perez 2021-08-05 20:17:05 -04:00 • committed by GitHub
parent a001882d58
commit 12d2b1bf7c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
140 changed files with 4212 additions and 1084 deletions
Download patch file Download diff file Expand all files Collapse all files

42
ts/components/Modal.stories.tsx
View file

@ -106,3 +106,45 @@ story.add('Long body with long title and X button', () => (
<p>{LOREM_IPSUM}</p>
</Modal>
));
story.add('With sticky buttons long body', () => (
<Modal hasStickyButtons hasXButton i18n={i18n} onClose={onClose}>
<p>{LOREM_IPSUM}</p>
<p>{LOREM_IPSUM}</p>
<p>{LOREM_IPSUM}</p>
<p>{LOREM_IPSUM}</p>
<Modal.ButtonFooter>
<Button onClick={noop}>Okay</Button>
<Button onClick={noop}>Okay</Button>
</Modal.ButtonFooter>
</Modal>
));
story.add('With sticky buttons short body', () => (
<Modal hasStickyButtons hasXButton i18n={i18n} onClose={onClose}>
<p>{LOREM_IPSUM.slice(0, 140)}</p>
<Modal.ButtonFooter>
<Button onClick={noop}>Okay</Button>
<Button onClick={noop}>Okay</Button>
</Modal.ButtonFooter>
</Modal>
));
story.add('Sticky footer, Lots of buttons', () => (
<Modal hasStickyButtons i18n={i18n} onClose={onClose} title="OK">
<p>{LOREM_IPSUM}</p>
<Modal.ButtonFooter>
<Button onClick={noop}>Okay</Button>
<Button onClick={noop}>Okay</Button>
<Button onClick={noop}>Okay</Button>
<Button onClick={noop}>
This is a button with a fairly large amount of text
</Button>
<Button onClick={noop}>Okay</Button>
<Button onClick={noop}>
This is a button with a fairly large amount of text
</Button>
<Button onClick={noop}>Okay</Button>
</Modal.ButtonFooter>
</Modal>
));