From 544ae90ec17b6e300718a753ee6b309d0f3bcedf Mon Sep 17 00:00:00 2001
From: Deluan <deluan@navidrome.org>
Date: Thu, 2 May 2024 13:48:10 -0400
Subject: [PATCH] Fix CollapsibleComment in PlaylistDetails. Closes #2992

---
 ui/src/common/CollapsibleComment.js | 4 ++++
 ui/src/playlist/PlaylistDetails.js  | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/ui/src/common/CollapsibleComment.js b/ui/src/common/CollapsibleComment.js
index f0485b2e..8660d049 100644
--- a/ui/src/common/CollapsibleComment.js
+++ b/ui/src/common/CollapsibleComment.js
@@ -39,6 +39,10 @@ export const CollapsibleComment = ({ record }) => {
     setExpanded(!expanded)
   }, [expanded, setExpanded])
 
+  if (lines.length === 0) {
+    return null
+  }
+
   return (
     <Collapse
       collapsedHeight={'2em'}
diff --git a/ui/src/playlist/PlaylistDetails.js b/ui/src/playlist/PlaylistDetails.js
index 80ac07c3..f8c06bba 100644
--- a/ui/src/playlist/PlaylistDetails.js
+++ b/ui/src/playlist/PlaylistDetails.js
@@ -50,7 +50,6 @@ const PlaylistDetails = (props) => {
         <Typography variant="h5" className={classes.title}>
           {record.name || translate('ra.page.loading')}
         </Typography>
-        <CollapsibleComment record={record} />
         <Typography component="p">
           {record.songCount ? (
             <span>
@@ -67,6 +66,7 @@ const PlaylistDetails = (props) => {
             <span>&nbsp;</span>
           )}
         </Typography>
+        <CollapsibleComment record={record} />
       </CardContent>
     </Card>
   )