Search for username in compose mode

ts/components/ConversationList.stories.tsx

@@ -84,6 +84,9 @@ const Wrapper = ({
       startNewConversationFromPhoneNumber={action(
         'startNewConversationFromPhoneNumber'
       )}
+      startNewConversationFromUsername={action(
+        'startNewConversationFromUsername'
+      )}
       theme={theme}
     />
   );
@@ -492,6 +495,10 @@ story.add('Headers', () => (
         type: RowType.Header,
         i18nKey: 'messagesHeader',
       },
+      {
+        type: RowType.Header,
+        i18nKey: 'findByUsernameHeader',
+      },
     ]}
   />
 ));
@@ -507,6 +514,27 @@ story.add('Start new conversation', () => (
   />
 ));
 
+story.add('Find by username', () => (
+  <Wrapper
+    rows={[
+      {
+        type: RowType.Header,
+        i18nKey: 'findByUsernameHeader',
+      },
+      {
+        type: RowType.UsernameSearchResult,
+        username: 'jowerty',
+        isFetchingUsername: false,
+      },
+      {
+        type: RowType.UsernameSearchResult,
+        username: 'jowerty',
+        isFetchingUsername: true,
+      },
+    ]}
+  />
+));
+
 story.add('Search results loading skeleton', () => (
   <Wrapper
     scrollable={false}
@@ -528,12 +556,16 @@ story.add('Kitchen sink', () => (
       },
       {
         type: RowType.Header,
-        i18nKey: 'messagesHeader',
+        i18nKey: 'contactsHeader',
       },
       {
         type: RowType.Contact,
         contact: defaultConversations[0],
       },
+      {
+        type: RowType.Header,
+        i18nKey: 'messagesHeader',
+      },
       {
         type: RowType.Conversation,
         conversation: defaultConversations[1],
@@ -542,6 +574,15 @@ story.add('Kitchen sink', () => (
         type: RowType.MessageSearchResult,
         messageId: '123',
       },
+      {
+        type: RowType.Header,
+        i18nKey: 'findByUsernameHeader',
+      },
+      {
+        type: RowType.UsernameSearchResult,
+        username: 'jowerty',
+        isFetchingUsername: false,
+      },
       {
         type: RowType.ArchiveButton,
         archivedConversationsCount: 123,