pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add playlist context menu button to sidebar

Browse source
This commit is contained in:
Kendall Garner 2024-08-25 22:08:07 -07:00
parent 8a8542ddb1
commit 32b984a18b
No known key found for this signature in database
GPG key ID: 18D2767419676C87
1 changed files with 25 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/renderer/features/sidebar/components/sidebar-playlist-list.tsx
View file

@ -7,6 +7,7 @@ import {
RiAddCircleFill, RiAddCircleFill,
RiArrowDownSLine, RiArrowDownSLine,
RiArrowUpSLine, RiArrowUpSLine,
RiMoreFill,
RiPlayFill, RiPlayFill,
} from 'react-icons/ri'; } from 'react-icons/ri';
import { generatePath } from 'react-router'; import { generatePath } from 'react-router';
@ -21,6 +22,8 @@ import AutoSizer from 'react-virtualized-auto-sizer';
import { FixedSizeList, ListChildComponentProps } from 'react-window'; import { FixedSizeList, ListChildComponentProps } from 'react-window';
import { useHideScrollbar } from '/@/renderer/hooks'; import { useHideScrollbar } from '/@/renderer/hooks';
import { useCurrentServer, useGeneralSettings, useSettingsStoreActions } from '/@/renderer/store'; import { useCurrentServer, useGeneralSettings, useSettingsStoreActions } from '/@/renderer/store';
import { openContextMenu } from '/@/renderer/features/context-menu';
import { PLAYLIST_CONTEXT_MENU_ITEMS } from '/@/renderer/features/context-menu/context-menu-items';
interface SidebarPlaylistListProps { interface SidebarPlaylistListProps {
data: ReturnType<typeof usePlaylistList>['data']; data: ReturnType<typeof usePlaylistList>['data'];
@ -156,6 +159,28 @@ const PlaylistRow = ({ index, data, style }: ListChildComponentProps) => {
> >
<RiAddCircleFill /> <RiAddCircleFill />
</Button> </Button>
<Button
compact
size="md"
variant="default"
onClick={(e) => {
e.preventDefault();
e.stopPropagation();
if (!data?.items?.[index].id) return;
openContextMenu({
data: [data?.items?.[index]],
dataNodes: undefined,
menuItems: PLAYLIST_CONTEXT_MENU_ITEMS,
type: LibraryItem.PLAYLIST,
xPos: e.clientX + 15,
yPos: e.clientY + 5,
});
}}
>
<RiMoreFill color="white" />
</Button>
</Group> </Group>
</Group> </Group>
</div> </div>