When used in a header, it should be documented that it goes inside BaseHeaderNavigation.
The avatar component itself is in a div, but when included in header navigation, it is erroneously put inside the ul tag
It is likely that the Avatar information should be included as props to BaseHeader instead of being provided as a component since the positioning of it is highly specific. Either that, or detect when an Header.Avatar component is included as a child of BaseHeaderNavigation and place it outside the generated ul tag.
Header.Avatar has a few issues:
BaseHeaderNavigation
.ul
tagIt is likely that the Avatar information should be included as props to
BaseHeader
instead of being provided as a component since the positioning of it is highly specific. Either that, or detect when anHeader.Avatar
component is included as a child ofBaseHeaderNavigation
and place it outside the generatedul
tag.