restrict playlist actions by permission

src/renderer/features/context-menu/actions/delete-playlist-action.tsx

@@ -13,10 +13,11 @@ import { toast } from '/@/shared/components/toast/toast';
 import { Playlist } from '/@/shared/types/domain-types';
 
 interface DeletePlaylistActionProps {
+    disabled?: boolean;
     items: Playlist[];
 }
 
-export const DeletePlaylistAction = ({ items }: DeletePlaylistActionProps) => {
+export const DeletePlaylistAction = ({ disabled, items }: DeletePlaylistActionProps) => {
     const { t } = useTranslation();
     const navigate = useNavigate();
     const serverId = useCurrentServerId();
@@ -65,7 +66,7 @@ export const DeletePlaylistAction = ({ items }: DeletePlaylistActionProps) => {
     if (items.length === 0) return null;
 
     return (
-        <ContextMenu.Item leftIcon="remove" onSelect={openDeletePlaylistModal}>
+        <ContextMenu.Item disabled={disabled} leftIcon="remove" onSelect={openDeletePlaylistModal}>
             {t('action.deletePlaylist', { postProcess: 'sentenceCase' })}
         </ContextMenu.Item>
     );

src/renderer/features/context-menu/actions/edit-playlist-action.tsx

@@ -11,10 +11,11 @@ import { toast } from '/@/shared/components/toast/toast';
 import { Playlist } from '/@/shared/types/domain-types';
 
 interface EditPlaylistActionProps {
+    disabled?: boolean;
     items: Playlist[];
 }
 
-export const EditPlaylistAction = ({ items }: EditPlaylistActionProps) => {
+export const EditPlaylistAction = ({ disabled, items }: EditPlaylistActionProps) => {
     const { t } = useTranslation();
     const server = useCurrentServer();
 
@@ -52,7 +53,7 @@ export const EditPlaylistAction = ({ items }: EditPlaylistActionProps) => {
     if (items.length === 0 || items.length > 1) return null;
 
     return (
-        <ContextMenu.Item leftIcon="edit" onSelect={handleEditPlaylist}>
+        <ContextMenu.Item disabled={disabled} leftIcon="edit" onSelect={handleEditPlaylist}>
             {t('action.editPlaylist', { postProcess: 'sentenceCase' })}
         </ContextMenu.Item>
     );

src/renderer/features/context-menu/menus/playlist-context-menu.tsx

@@ -5,6 +5,7 @@ import { DeletePlaylistAction } from '/@/renderer/features/context-menu/actions/
 import { EditPlaylistAction } from '/@/renderer/features/context-menu/actions/edit-playlist-action';
 import { GetInfoAction } from '/@/renderer/features/context-menu/actions/get-info-action';
 import { PlayAction } from '/@/renderer/features/context-menu/actions/play-action';
+import { usePermissions } from '/@/renderer/store';
 import { ContextMenu } from '/@/shared/components/context-menu/context-menu';
 import { ContextMenuPreview } from '/@/shared/components/context-menu/context-menu-preview';
 import { LibraryItem, Playlist } from '/@/shared/types/domain-types';
@@ -20,6 +21,15 @@ export const PlaylistContextMenu = ({ items, type }: PlaylistContextMenuProps) =
         return { ids };
     }, [items]);
 
+    const { userId, ...permissions } = usePermissions();
+
+    const canEditPublic = permissions.playlists.editPublic;
+
+    const includesNonOwnedPublic = items.some((item) => item.public && item.ownerId !== userId);
+
+    const canEditPlaylist = canEditPublic || !includesNonOwnedPublic;
+    const canDeletePlaylist = canEditPublic || !includesNonOwnedPublic;
+
     return (
         <ContextMenu.Content
             bottomStickyContent={<ContextMenuPreview items={items} itemType={type} />}
@@ -30,8 +40,8 @@ export const PlaylistContextMenu = ({ items, type }: PlaylistContextMenuProps) =
             <ContextMenu.Divider />
             <GetInfoAction disabled={items.length === 0} items={items} />
             <ContextMenu.Divider />
-            <EditPlaylistAction items={items} />
-            <DeletePlaylistAction items={items} />
+            <EditPlaylistAction disabled={!canEditPlaylist} items={items} />
+            <DeletePlaylistAction disabled={!canDeletePlaylist} items={items} />
         </ContextMenu.Content>
     );
 };