Renders the header at the top of every page, through PageShell or directly
from the index and search pages.
Renders the site's header. It holds the search, which stays open on the results page and slides open under the header on small screens, the link to the playlists page, the signed-in user's menu and buttons or a guest's "Log in", and a banner while live updates are down. It also hosts the dump creation dialog that its "+ Dump" button opens.
Passed to AppHeader by the index page. The other pages leave these props out.
-
centerSlot: ReactNode
Shown beside the search. The index page puts its feed tabs there.
-
disableNew: boolean
Set by the index page while its feed fails to load.
-
initialDumpUrl: string
Opens the dump creation dialog at mount, with this link. The index page passes the link shared to the app from Android's share sheet.
Usage
import * as mod from "src/components/layout/AppHeader.tsx";