Cool_Tools/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2024-11-20 06:27:09 +01:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

use context menu instead of button

Browse Source
This commit is contained in:
Kendall Garner 2024-08-25 22:17:11 -07:00
parent 32b984a18b
commit 9f4861a78a
No known key found for this signature in database
GPG Key ID: 18D2767419676C87
1 changed files with 18 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/renderer/features/sidebar/components/sidebar-playlist-list.tsx
View File

@ -7,7 +7,6 @@ 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';
@ -75,7 +74,24 @@ const PlaylistRow = ({ index, data, style }: ListChildComponentProps) => {
: undefined; : undefined;
return ( return (
<div style={{ margin: '0.5rem 0', padding: '0 1.5rem', ...style }}> <div
style={{ margin: '0.5rem 0', padding: '0 1.5rem', ...style }}
onContextMenu={(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,
});
}}
>
<Group <Group
noWrap noWrap
className="sidebar-playlist-item" className="sidebar-playlist-item"
@ -159,28 +175,6 @@ 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>