From 32b984a18be130370becfe6ced621a660364cf48 Mon Sep 17 00:00:00 2001
From: Kendall Garner <17521368+kgarner7@users.noreply.github.com>
Date: Sun, 25 Aug 2024 22:08:07 -0700
Subject: [PATCH] add playlist context menu button to sidebar

---
 .../components/sidebar-playlist-list.tsx      | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx b/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx
index fc9a8a7f..2d6cea80 100644
--- a/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx
+++ b/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx
@@ -7,6 +7,7 @@ import {
     RiAddCircleFill,
     RiArrowDownSLine,
     RiArrowUpSLine,
+    RiMoreFill,
     RiPlayFill,
 } from 'react-icons/ri';
 import { generatePath } from 'react-router';
@@ -21,6 +22,8 @@ import AutoSizer from 'react-virtualized-auto-sizer';
 import { FixedSizeList, ListChildComponentProps } from 'react-window';
 import { useHideScrollbar } from '/@/renderer/hooks';
 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 {
     data: ReturnType<typeof usePlaylistList>['data'];
@@ -156,6 +159,28 @@ const PlaylistRow = ({ index, data, style }: ListChildComponentProps) => {
                     >
                         <RiAddCircleFill />
                     </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>
         </div>