fix: Made UserClickable opening userInfo

[thepiyush-303]

Brief Title

Acceptance Criteria fulfillment

• Task 1
• Task 2
• Task 3

Fixes # (issue)
#699

Screencast.from.2024-12-19.14-04-17.webm

Video/Screenshots

PR Test Details

Note: The PR will be ready for live testing at https://rocketchat.github.io/EmbeddedChat/pulls/pr-700 after approval. Contributors are requested to replace <pr_number> with the actual PR number.

[CLAassistant]

All committers have signed the CLA.

[thepiyush-303]

Done.

[Spiral-Memory]

Hi @thepiyush-303
It is taking time to open sidebar, instead, open the user panel and inside that, show a throbber and load member details along with appropriate error if it fails

Take inspiration from how on userclick or avatar click, it shows userinfo

[thepiyush-303]

Hi @thepiyush-303 It is taking time to open sidebar, instead, open the user panel and inside that, show a throbber and load member details along with appropriate error if it fails

Take inspiration from how on userclick or avatar click, it shows userinfo

Done.
Please check if anything I am missing.

[Spiral-Memory]

Hey @thepiyush-303
I don't think you've implemented the feedback.

[Spiral-Memory]

Let me repeat my feedback..

On userclick (except here and all), open the sidebar first, show throbber, go ahead and make a request.. if success display user detail, otherwise display failed to fetch user info with the same design we have implemented in other sidepanels

[thepiyush-303]

Are you talking about @mentions click then open sidebar?

[Spiral-Memory]

I think you're making user detail request, before opening the sidepanel.. first open it.. then make a request..

It is taking time to open sidepanel after click.. n if request is failing, the sidepanel isn't opening

[thepiyush-303]

I got you I will fix it.

[thepiyush-303]

@Spiral-Memory
I tried finding the issue about userInfo is fetched before component renders but I could not find it happening I think it is working fine as your feedback.
If I am missing something then please tell me.
Screencast from 2024-12-26 18-49-10.webm

[Spiral-Memory]

Hi @thepiyush-303

I am facing two issues with this implementation. Could you please help address them?

1. Once a user is opened, clicking on another user does not open their details.
2. When an error needs to be displayed, please ensure the UI remains consistent. For example, display the error in the center with an icon or proper formatting, instead of showing a raw error message to the user.

I am attaching a video and a photo for your reference.

2025-01-01.18-27-14.mp4

[thepiyush-303]

I fix the error page now it looks like this.

[thepiyush-303]

I am facing two issues with this implementation. Could you please help address them?

Once a user is opened, clicking on another user does not open their details.
When an error needs to be displayed, please ensure the UI remains consistent. For example, display the error in the center with an icon or proper formatting, instead of showing a raw error message to the user.

@Spiral-Memory Both issues are fixed.
Thanks for you response.

Screencast.from.2025-01-02.02-38-18.webm

[Spiral-Memory]

I fix the error page now it looks like this.

No need to display the exact error..

[thepiyush-303]

Removed showing actual error.

[thepiyush-303]

@Spiral-Memory
any other changes?

[thepiyush-303]

@Spiral-Memory
can you please review the changes?

[thepiyush-303]

I did some unwanted changes and want to get rid of them but i lost this branch due to fresh clone closing it and will raise a new PR for it or add in one of my existing PRs.