RocketChat / EmbeddedChat

An easy to use full-stack component (ReactJS) embedding Rocket.Chat into your webapp

https://www.npmjs.com/package/@embeddedchat/react

107 stars 214 forks source link

feat: addition of a modern variant + refactor code + bug fixes #584

Closed Spiral-Memory closed 3 weeks ago

Spiral-Memory commented 1 month ago

Brief Title

In this PR, I will be adding a modern design as mentioned in the issue.

Acceptance Criteria Fulfillment

[x] Refactored bubble stylings and made them independent
[x] Refactored sidebar, creating a common message aggregator to reduce repeated styling and code
[x] Positioned popup according to the message
[x] Fixed display name prop issues
[x] Added a popup option for all sidebar menus, making it flexible to choose between both options for each menu
[x] Added a random color option for display names

Fixes #583

Video/Screenshots

Spiral-Memory commented 3 weeks ago

Hey @sidmohanty11,

This PR is now ready for review. I've added the popup options for all option menus. Along with that, I've also implemented random color generation for user IDs.

This PR also refactors the earlier bubble stylings, as well as the sidebar component, removing many redundant codes and stylings as discussed.

Kindly review this PR.

Thanks!