RocketChat / EmbeddedChat

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

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Align invitation sidebar UI with RocketChat

JeffreytheCoder opened this issue · comments

As an EmbeddedChat developer

I need to:
Align the UI of Invite Members sidebar with what we have in RocketChat

So That:
Users can have a better and consistent UX with member invitation. Currently,

  • Invite link is long and often cut off, making it hard to copy
  • Spacing and color are not consistent with those in RocketChat
  • The back button is on the top right, which is not consistent with other UIs
Screenshot 2024-02-27 at 9 19 04 AM

The objective is to make the invitation sidebar looks and behaves similar to what we have in RocketChat:
Screenshot 2024-02-27 at 9 21 29 AM
Not sure if the Edit Invite feature is necessary in EmbeddedChat. Not included for now, but we can raise another issue.

Acceptance Criteria

  • Add a copy button besides the invite link
  • Make spacing and color consistent with those in RocketChat
  • Move back button to the top left

Working on this