Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix/user name in header #591

Merged

Conversation

Adamik10
Copy link
Contributor

@Adamik10 Adamik10 commented Oct 11, 2023

Link to issue

https://reload.atlassian.net/browse/DDFLSBP-122

Description

PR adds the user's name under the "user" icon in the header if the user is logged in. I utilized a skeleton screen for the loading state too, which I made into a reusable component for short text skeletons.
It also restructures our (what previously used to be called) "menu" and "search-header" stories. These both work with the same visual real estate, so they now also live together in storybook under the new "Header" story in two understories - user menu & search. 🏆 🎉 🔥

Screenshot of the result

image

(previous story for reference:)
image

Checklist

  • My complies with our coding guidelines.
  • My code passes our static analysis suite. If not then I have added a comment explaining why this change should be exempt from the code standards and process.
  • My code passes our continuous integration process. If not then I have added a comment explaining why this change should be exempt from the code standards and process.

Additional comments or questions

n/a

We can then use it other places, speficying the text line width..
I also introduced a loading state for the text line.
They both have to do with the same visual area. Also the user menu story
looked messy before without the rest of the header to support it.
Copy link
Contributor

@JacobArrow JacobArrow left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 🔥

@Adamik10 Adamik10 merged commit 6d2a7d6 into danskernesdigitalebibliotek:develop Oct 17, 2023
8 checks passed
@Adamik10 Adamik10 deleted the fix/user-name-in-header branch October 17, 2023 11:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants