Renders the dumps of a playlist's page, which those who may edit it drag into a new order and remove.
f
PlaylistDumpList(unnamed 0: PlaylistDumpListProps): React.JSX.Element
Renders the dumps, or a line saying there are none. With the calls, each dump not fading has a drag handle and a remove button, and one fading an "Undo" during its cooldown.
I
PlaylistDumpListProps
Passed to PlaylistDumpList by PlaylistDetail, from usePlaylist.
The calls are given only to those who may edit the playlist.
- dumps: Dump[]
- fading: Record<string, FadeState>
-
onMove: () => voidfrom: number,to: number
Counts only the dumps not fading, which alone can be dragged.
-
onMoved: () => void
Called as a drag ends, to save the order
onMoveleft. - onRemove: (dumpId: string) => void
- onUndoRemove: (dumpId: string) => void
Usage
import * as mod from "src/components/playlist/PlaylistDumpList.tsx";