Combining successive Chat Messages

[minotalen]

there's space and legibility wasted by displaying names multiple times.
We can omit the name if a user sends multiple messages in a row.

vanilla js removal for illustration:

function removeDuplicateChatMessages() {
    let chatHead = document.getElementsByClassName('message-header');
    let prevName = null;
    for(let i= 0; i < chatHead.length; i++){
        if(prevName == chatHead[i].children[0].innerText) {
            chatHead[i].style.display = "none";
            prevName = chatHead[i];
        } 
        if(prevName = null) prevName = chatHead.children[0].innerText;
        else prevName = chatHead[i].children[0].innerText;
    }
}

• proper implementation will need to be done directly in vue.
• instead of removing the header it'd be better to just combine the messages from the same person to 1 message from this person with line breaks inbetween

Considerations:

• it might make sense to preserve timestamp (especially if messages are a while apart)

[AdrianEdelen]

Would it make sense to re-attach the header if a certain amount of time has passed? this gives a new timestamp to differentiate one thought that is multiple messages versus a message with a significant time gap.