Render emoji like a sticker

This commit is contained in:
Josh Perez 2021-10-06 13:37:53 -04:00 committed by GitHub
parent 1466f9f1b2
commit 7c9b8e919c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 97 additions and 30 deletions

View file

@ -192,6 +192,22 @@ story.add('Plain Message', () => {
return renderBothDirections(props);
});
story.add('Emoji Messages', () => (
<>
<Message {...createProps({ text: '😀' })} />
<br />
<Message {...createProps({ text: '😀😀' })} />
<br />
<Message {...createProps({ text: '😀😀😀' })} />
<br />
<Message {...createProps({ text: '😀😀😀😀' })} />
<br />
<Message {...createProps({ text: '😀😀😀😀😀' })} />
<br />
<Message {...createProps({ text: '😀😀😀😀😀😀😀' })} />
</>
));
story.add('Delivered', () => {
const props = createProps({
direction: 'outgoing',