Renders the header of a playlist's page, with its cover, title, description, visibility, owner, dates and categories.
f
PlaylistHeader(unnamed 0: PlaylistHeaderProps): React.JSX.Element
Renders the playlist's details, with a follow button for anyone but its
owner. Its editors change the title and the description in place, saved to
PUT /api/playlists/:playlistId, and the rest in PlaylistEditForm, which
takes the header's place while it is open.
I
PlaylistHeaderProps
Passed to PlaylistHeader by PlaylistDetail.
-
onEdit: () => void
Given to those who may edit it, with
onSaved: it adds an "Edit" button, which opensPlaylistEditForm. -
onSaved: (playlist: Playlist) => void
Called with the playlist as the server has it once its title or description is edited in place, which it lets its editors do.
- playlist: PlaylistWithDumps
Usage
import * as mod from "src/components/playlist/PlaylistHeader.tsx";