Virtualise chat list

[elianiva]

What problem does this proposed feature solve?

This should improve the performance of the chat window because we're not loading all DOM elements, it's super slow to scroll once you have a lot of messages.
Opening the chat is also slow because you need to wait everything to load

Describe the proposed solution in detail

Virtualise the message list so we don't need to load all messages all at once, which is not necessary since not all of them are rendered, most of the times it's only a few messages that needs to get rendered

Technical considerations or implementation details (optional)

Use something like virtua to virtualise the list. See comparison: https://github.com/inokawa/virtua#comparison

Describe alternatives considered (if any)

Additional Context & Mockups

Proposal Checklist

• I have searched existing Issues and Discussions to ensure this proposal is not a duplicate.
• This proposal is for a specific, actionable change intended for implementation (not a general idea).
• I understand that this proposal requires review and approval before any development work begins.

Are you interested in implementing this feature if approved?

• Yes, I would like to contribute to implementing this feature.

[hannesrudolph]

@mrubens can we get approval on this?

[mrubens]

We're using Virtuoso currently right - would this be something different? Or used in a different place? Let me know if I'm confused... probably am.

[elianiva]

We're using Virtuoso currently right - would this be something different? Or used in a different place? Let me know if I'm confused... probably am.

hmm didn't know about this, there must be something going on with our current implementation then

I'll try to investigate later why it still feels laggy sometimes, there's probably unnecessary re-render happening