username of repeat chat messages is display:none (#3101)

users who want to show repeat usernames can inject the following CSS:
[class^="ChatUserMessage_repeatUser"]{display:flex !important;}

Co-authored-by: janWilejan <>

web/components/chat/ChatUserMessage/ChatUserMessage.module.scss

@@ -26,6 +26,11 @@ $p-v-size: 2px;
     font-weight: 600;
   }
 
+  .repeatUser {
+    @extend .user;
+    display: none;
+  }
+
   .userBadges {
     margin-left: 3px;
   }

web/components/chat/ChatUserMessage/ChatUserMessage.tsx

@@ -98,14 +98,12 @@ export const ChatUserMessage: FC<ChatUserMessageProps> = ({
       >
         <div className={styles.background} style={{ color }} />
 
-        {!sameUserAsLast && (
         <UserTooltip user={user}>
-            <div className={styles.user} style={{ color }}>
+          <div className={sameUserAsLast ? styles.repeatUser : styles.user} style={{ color }}>
             <span className={styles.userName}>{displayName}</span>
             <span className={styles.userBadges}>{badgeNodes}</span>
           </div>
         </UserTooltip>
-        )}
         <Tooltip title={formattedTimestamp} mouseEnterDelay={1}>
           <Interweave
             className={styles.message}