User cannot see who actually is logged in.

[SimonSimCity]

A user cannot see whether its him or another person who is logged in. This becomes problematic on shared devices.

The current website solves this issue by using the topbar.

[SimonSimCity]

Issue might be resolved together with #360...

[kkuepper]

This is not enough? But I guess most people don't have a profile picture.
Maybe we could show the initials if no picture is set.

[SimonSimCity]

... and show the full name maybe on hover as a tooltip? Might just need another option to show it on a device which doesn't support hover (e.g. surface). Showing the name in the dropdown which opens clicking on the profile is also sufficient to me. Just some place I can see the full name.

[sifferhans]

We could also replace the "Profile" text with the name. Maybe less obvious that you can click it that way, but I think it is quite a normal pattern

[sifferhans]

@kkuepper @SimonSimCity Here are a couple of ideas:

I kinda like the first one better aesthetically. I just use user.username from the useUser composable for now, but it might be better to have a name instead of the email.

[kkuepper]

Another option would be to change the "Sign out" button to "Sign out Sigve Hansen".

@sclausendk Do you want to make a design or should we just decide?

[sclausendk]

I'll come up with a design.

[sclausendk]

@kkuepper @SimonSimCity Here are a couple of ideas:

I kinda like the first one better aesthetically. I just use user.username from the useUser composable for now, but it might be better to have a name instead of the email.

I really like the first one, but we should emphasize the name, and have the email as secondary.

@sifferhans If you switch the styling around, so the first line of text is emphasized, and then change that line to being the Name, we should be good 👍
Does that make sense?

[sifferhans]

@sclausendk More like this?

[sclausendk]

@sifferhans Spot on! 👏🏼

[sifferhans]

@kkuepper Then we need access to the users name somehow. The UserModel we get from the SDK only contains the username, which is the email in this case.

Edit: nevermind, I can get it from useAuth0

[sifferhans]

@sclausendk Would it also make sense to move the "Sign out" button closer to the user information? Kinda makes sense in my mind to put these closer to each other as they are quite related.

Might be easier to accidentally click it then, though

[kkuepper]

Auth0 provides the Display name and email address (see #467 or temporary website).

[sclausendk]

@sifferhans I think that makes sense. But the hierarchy becomes a bit unclear.
I would suggest something like this:

Although this might not scale well with long names, and certain languages (Sign out, Logg ut, Cerrar la sesión, Abmelden, Disconnettersi).

We could consider making the menu a bit wider so mitigate this issue:

[SimonSimCity]

... and keep in mind that names sometimes are quite long, and mail addresses too...

[sclausendk]

@SimonSimCity Agree. But keep in mind that seeing 90% of your email address, is enough to identify which user you are on :) I think the above will work well for 95% of all names and emails.