Add stories for timeline notifications with long names

2021-09-02 16:23:27 -05:00 · 2021-09-02 16:23:27 -05:00 · ddc591e962
commit ddc591e962
parent 5bf3720d1d
5 changed files with 86 additions and 1 deletions
--- a/ts/components/conversation/GroupNotification.stories.tsx
+++ b/ts/components/conversation/GroupNotification.stories.tsx
@ -14,6 +14,8 @@ const i18n = setupI18n('en', enMessages);

 type GroupNotificationStory = [string, Array<Props>];

+const longName = '🍷🐓🥶'.repeat(50);
+
 const stories: Array<GroupNotificationStory> = [
  [
    'Combo',
@ -390,6 +392,24 @@ const stories: Array<GroupNotificationStory> = [
      },
    ],
  ],
+  [
+    'Long name',
+    [
+      {
+        from: {
+          title: longName,
+          name: longName,
+          phoneNumber: '(202) 555-1000',
+        },
+        changes: [
+          {
+            type: 'general',
+          },
+        ],
+        i18n,
+      },
+    ],
+  ],
 ];

 book.add('GroupNotification', () =>