Add stories for timeline notifications with long names
This commit is contained in:
parent
5bf3720d1d
commit
ddc591e962
5 changed files with 86 additions and 1 deletions
|
@ -26,7 +26,7 @@ const createProps = (overrideProps: Partial<Props> = {}): Props => ({
|
|||
i18n,
|
||||
type: overrideProps.type || 'markVerified',
|
||||
isLocal: boolean('isLocal', overrideProps.isLocal !== false),
|
||||
contact,
|
||||
contact: overrideProps.contact || contact,
|
||||
});
|
||||
|
||||
story.add('Mark as Verified', () => {
|
||||
|
@ -52,3 +52,18 @@ story.add('Mark as Not Verified Remotely', () => {
|
|||
|
||||
return <VerificationNotification {...props} />;
|
||||
});
|
||||
|
||||
story.add('Long name', () => {
|
||||
const longName = '🎆🍬🏈'.repeat(50);
|
||||
|
||||
const props = createProps({
|
||||
type: 'markVerified',
|
||||
contact: {
|
||||
...contact,
|
||||
profileName: longName,
|
||||
title: longName,
|
||||
},
|
||||
});
|
||||
|
||||
return <VerificationNotification {...props} />;
|
||||
});
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue