[WD-18147] Persist currently logged in user's info on the frontend and show in sidebar

[muhammad-ali-pk]

Done

• Created a context to persist current user's info
• Display logged in user's name and email in the sidebar
• Setup query client provider
• Call /api/current-user on app load.

QA

QA steps

• Check out this PR
• Open the file webapp/routes/user.py to see if it has a current-user GET endpoint. If not, paste the following sample endpoint

@user_blueprint.route("/current-user", methods=["GET"])
@login_required
def current_user():
   return (
       jsonify(
           {
               "id": 1,
               "name": "Muhammad Ali",
               "email": "muhammad.ali@canonical.com",
               "team": "Web and Design",
               "department": "Engineering",
               "jobTitle": "Software Engineer I",
           }
       ),
       200,
   )

• Run the application using dotrun command locally.
• Open localhost:8104 in your browser.
• Log in using Ubuntu SSO if not already.
• Verify the user name and email visible in the left sidebar, on top of log out button.

Fixes

• Fixes #WD-18147

Screenshots

Before

After

[webteam-app]

Demo

Jenkins

demos.haus

[akbarkz]

Please hide user information from the sidebar on tablet width:

[akbarkz]

As we discussed, please import both "user" object and "setUser" method from either the useAuth hook or from the store, but not from both.

[github-actions]

🎉 This PR is included in version 1.0.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀