Implement Profile Drop Down

[cyrusdiego]

• Logout button
• button to show settings
  

[armiantos]

Reference to similar implementation

• App bar React component (click on the profile icon and refer to the renderMenu variable

Component to use

• React Menu component

Tips

• Use useState for the open field in <Menu open={open} ...>
• Handlers like onClick are usually single argument functions (e.g. onClick={(event) => console.debug(e)}
• Ref can be treated like a pointer to a component

[armiantos]

Deliverables

1. UserProfile component under src/components/auth
2. UserProfile should be displayed when the user is logged in
3. Clicking on UserProfile should bring up a menu
4. Menu should present a logout entry
5. Clicking on logout should logout the user and redisplay the Login button