From a377e3d3bbfc7d9d44574ada8047ee8ef87a199e Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sun, 14 Dec 2025 04:49:56 -0800
Subject: [PATCH] add privacy / owner to sidebar playlist metadata

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

diff --git a/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx b/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx
index 2925a7f8..67cabf5c 100644
--- a/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx
+++ b/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx
@@ -19,7 +19,7 @@ import {
 import { usePlayButtonClick } from '/@/renderer/features/shared/hooks/use-play-button-click';
 import { useDragDrop } from '/@/renderer/hooks/use-drag-drop';
 import { AppRoute } from '/@/renderer/router/routes';
-import { useCurrentServer, useCurrentServerId } from '/@/renderer/store';
+import { useCurrentServer, useCurrentServerId, usePermissions } from '/@/renderer/store';
 import { formatDurationStringShort } from '/@/renderer/utils';
 import { Accordion } from '/@/shared/components/accordion/accordion';
 import { ActionIcon, ActionIconGroup } from '/@/shared/components/action-icon/action-icon';
@@ -151,6 +151,8 @@ const PlaylistRowButton = memo(({ item, name, onContextMenu, to }: PlaylistRowBu
     const player = usePlayer();
     const serverId = useCurrentServerId();
 
+    const permissions = usePermissions();
+
     const handlePlay = useCallback(
         (id: string, type: Play) => {
             player.addToQueueByFetch(serverId, [id], LibraryItem.PLAYLIST, type);
@@ -195,6 +197,21 @@ const PlaylistRowButton = memo(({ item, name, onContextMenu, to }: PlaylistRowBu
                                 {formatDurationStringShort(item.duration ?? 0)}
                             </Text>
                         </div>
+                        {item.ownerId === permissions.userId && Boolean(item.public) && (
+                            <div className={styles.metadataGroupItem}>
+                                <Text isMuted size="xs">
+                                    {t('common.public', { postProcess: 'titleCase' })}
+                                </Text>
+                            </div>
+                        )}
+                        {item.ownerId !== permissions.userId && (
+                            <div className={styles.metadataGroupItem}>
+                                <Icon color="muted" icon="user" size="xs" />
+                                <Text isMuted size="xs">
+                                    {item.owner}
+                                </Text>
+                            </div>
+                        )}
                     </div>
                 </div>
             </div>