[Team Management 2.0] After inviting team members they should show on the sidebar as well

[vic-georgiev]

Expected behavior

When I invite new members to a project, they should be added to the sidebar as well.

Actual behavior

Invited members show only on the team management popup.

Design the cases

• Member is invited, how the avatar is displayed on the sidebar (we have only email and invitation info {date, status})
  • What is the avatar style (transparent, icon overlay?)
  • What is the tooltip style

Once design is done, hand over to Vikas

[vic-georgiev]

Design is here: https://marvelapp.com/48cdhjg/screen/51457020

Overlay a small icon on top of the user avatar, and display the status of the invitation on the user tooltip as per #2785

[maxceem]

Overlay a small icon on top of the user avatar, and display the status of the invitation on the user tooltip as per #2785

So far as per my understanding we can complete only the second part from that issue

• 2. next to the invited person's name in the pop-up it should say "Invited."

  Looks like this is done:

  

• 2. when a user hovers over the image it should say "Invited."

  So far we show user tooltip like this:

  

  For invited user we have only email or handle. Is there any particular requirement on how to show this tooltip for invited users?

  For example we can show handle or email instead of the user name. And show "Invited" instead of user handle in such a tooltip. But it feels like not a good idea to show differen kind of infomation with the same design.

[RishiRajSahu]

@maxceem yeah agree and I am not able to find any new design here https://marvelapp.com/48cdhjg/screen/51457020 as mentioned by @vic-topcoder regarding transparent avatar style and tool tip.

[vikasrohit]

I guess https://marvelapp.com/48cdhjg/screen/52723943 is what @vic-topcoder was trying to share.

[maxceem]

@RishiRajSahu I guess another screen was meant https://marvelapp.com/48cdhjg/screen/52723943/handoff

This one has a small icon as described by @vic-topcoder:

Overlay a small icon on top of the user avatar

So it looks like instead of making avatars transparent we are adding this small icon.

[RishiRajSahu]

thanks @vikasrohit and @maxceem, yeah but still not sure about tooltip design as mentioned by him in the description of the issue. Maybe, @vic-topcoder can confirm on your approach of re-using existing tooltip or some other design if he has got ?

[vikasrohit]

for tooltip, for user invited via handle, we can render it as usual as we can fetch the data of the user. For users invited via email, we can either fetch their user account if exists and show details accordingly or fetching user for the email seems heavy operation or tricky for now, we can pass the email as firstName and empty string as handle to the UserTooltip component which would result in a basic tooltip with only email being rendered in place for full name.

[maxceem]

@vikasrohit

we can render it as usual as we can fetch the data of the use

So far we also don't show name and a real avatar of the invited user in the dialog even if we invited by the handle

Just want to confirm this moment if it's intentional. I mean in one place we show only handle while in tooltip we are going to show the whole info. Is there any reason not to show the same whole info in the dialog? Should we keep dialog and tooltip in sync showing the same amount of data?

[vikasrohit]

Nopes, it is not intentional I guess. Yes, we need to keep both places in sync. @RishiRajSahu thoughts?