Add stories for timeline notifications with long names

This commit is contained in:
Evan Hahn 2021-09-02 16:23:27 -05:00 committed by GitHub
parent 5bf3720d1d
commit ddc591e962
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 86 additions and 1 deletions

View file

@ -62,6 +62,26 @@ story.add('Set By Other', () => {
);
});
story.add('Set By Other (with a long name)', () => {
const longName = '🦴🧩📴'.repeat(50);
const props = createProps({
expireTimer: moment.duration(1, 'hour').asSeconds(),
type: 'fromOther',
phoneNumber: '(202) 555-1000',
profileName: longName,
title: longName,
});
return (
<>
<TimerNotification {...props} />
<div style={{ padding: '1em' }} />
<TimerNotification {...props} disabled />
</>
);
});
story.add('Set By You', () => {
const props = createProps({
expireTimer: moment.duration(1, 'hour').asSeconds(),