diff --git a/src/renderer/src/components/song/song-list/SongList.tsx b/src/renderer/src/components/song/song-list/SongList.tsx index 505f3c68..33be7556 100644 --- a/src/renderer/src/components/song/song-list/SongList.tsx +++ b/src/renderer/src/components/song/song-list/SongList.tsx @@ -1,4 +1,4 @@ -import { Optional, Order, ResourceID, SongsQueryPayload, Tag } from "../../../../../@types"; +import { Optional, Order, ResourceID, Song, SongsQueryPayload, Tag } from "../../../../../@types"; import { SearchQueryError } from "../../../../../main/lib/search-parser/@search-types"; import { namespace } from "../../../App"; import Impulse from "../../../lib/Impulse"; @@ -8,7 +8,7 @@ import SongItem from "../song-item/SongItem"; import SongListSearch from "../song-list-search/SongListSearch"; import { songsSearch } from "./song-list.utils"; import { Component, createEffect, createSignal, onCleanup, onMount } from "solid-js"; -import { ListPlus } from "lucide-solid"; +import { ListPlus, ListStartIcon } from "lucide-solid"; import DropdownList from "@renderer/components/dropdown-list/DropdownList"; export type SongViewProps = { @@ -93,7 +93,7 @@ const SongList: Component = (props) => { song={s} group={group} onSelect={createQueue} - contextMenu={} + contextMenu={} /> )} @@ -103,16 +103,21 @@ const SongList: Component = (props) => { ); }; -const SongListContextMenuContent: Component = () => { +type SongListContextMenuContentProps = { song: Song }; +const SongListContextMenuContent: Component = (props) => { return ( Add to Playlist - + { + window.api.request("queue::playNext", props.song.path); + }} + > Play next - + );