Show all linked accounts in user drop-down, with “Unlink” button next to GitHub account

[outoftime]

Originally from #1622, and followup to #1637:

We want to show enough information about the linked GitHub account to allow the student to make an informed decision about whether it’s the correct one. So, add a component to the logged-in user drop-down that shows the user’s GitHub avatar and display name, along with an Unlink button. For consistency, we’ll just show the same information about the linked Google account, although there will be no Unlink option here because Google is the primary authentication provider for Popcode.

[pwjablonski]

Hey @outoftime - I was playing around with this last night. It took some time to land on the layout that I think makes sense. As for adding the information for the linked Google Account, it seems a bit redundent to add the Google info in the drop down since most of that data already exisiting in the CurrentUserButton. Atlernatively we can remove that info from CurrentUserButton and add it as another MenuItem. Let me know what you think.

OLD

UPDATED

[outoftime]

I was playing around with this last night. It took some time to land on the layout that I think makes sense.

I like it!

As for adding the information for the linked Google Account, it seems a bit redundent to add the Google info in the drop down since most of that data already exisiting in the CurrentUserButton.

Yeah, I see what you’re saying here—I think I was thinking about it too much like a programmer (must have consistency!) rather than from a UX standpoint. From the user standpoint, your Google account isn’t “linked”—it’s just how you log in to Popcode.