Fix for multiple at-mentions

ts/components/conversationList/MessageBodyHighlight.stories.tsx

@@ -55,11 +55,11 @@ story.add('Two Replacements with an @mention', () => {
         length: 1,
         mentionUuid: '0ca40892-7b1a-11eb-9439-0242ac130002',
         replacementText: 'Jin Sakai',
-        start: 52,
+        start: 33,
       },
     ],
     text:
-      'Begin <<left>>Inside #1<<right>> \uFFFC@52 This is between the two <<left>>Inside #2<<right>> End.',
+      'Begin <<left>>Inside #1<<right>> \uFFFC This is between the two <<left>>Inside #2<<right>> End.',
   });
 
   return <MessageBodyHighlight {...props} />;

ts/components/conversationList/MessageSearchResult.stories.tsx

@@ -237,3 +237,28 @@ story.add('@mention no-matches', () => {
 
   return <MessageSearchResult {...props} />;
 });
+
+story.add('Double @mention', () => {
+  const props = createProps({
+    body: 'Hey \uFFFC \uFFFC test',
+    bodyRanges: [
+      {
+        length: 1,
+        mentionUuid: '9eb2eb65-992a-4909-a2a5-18c56bd7648f',
+        replacementText: 'Alice',
+        start: 4,
+      },
+      {
+        length: 1,
+        mentionUuid: '755ec61b-1590-48da-b003-3e57b2b54448',
+        replacementText: 'Bob',
+        start: 6,
+      },
+    ],
+    from: someone,
+    to: me,
+    snippet: '<<left>>Hey<<right>> \uFFFC \uFFFC <<left>>test<<right>>',
+  });
+
+  return <MessageSearchResult {...props} />;
+});