Renders the avatar menu that leads the header's icon row at every width: it holds the profile link, the playlists page (the header's text link leads there too, at the widths that have room for it), the community page, the settings, the site's tools, and logging out.

Functions

f
UserMenu(unnamed 0: UserMenuProps): React.JSX.Element

Renders the signed-in user's avatar, which opens a menu with links to their profile, /playlists, /community and /settings, to /manage for those who hold category:manage or federation:manage, and a Log out button. A click outside or Escape closes it.

Interfaces

I
UserMenuProps

Passed to UserMenu by AppHeader, for a signed-in user.

Usage

import * as mod from "src/components/layout/UserMenu.tsx";