From 5a03537806d2b4311d5c829c09082e97038b928e Mon Sep 17 00:00:00 2001
From: AmbrishRamachandiran <ambrish.r@infosys.com>
Date: Tue, 6 Feb 2024 16:11:17 +0530
Subject: [PATCH] Render playlist description based on condition

Signed-off-by: AmbrishRamachandiran <ambrish.r@infosys.com>
---
 .changeset/ninety-hats-kiss.md                               | 5 +++++
 .../playlist/src/components/PlaylistCard/PlaylistCard.tsx    | 4 +++-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/ninety-hats-kiss.md

diff --git a/.changeset/ninety-hats-kiss.md b/.changeset/ninety-hats-kiss.md
new file mode 100644
index 0000000000..b4e544561f
--- /dev/null
+++ b/.changeset/ninety-hats-kiss.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-playlist': patch
+---
+
+Render playlist description based on condition
diff --git a/plugins/playlist/src/components/PlaylistCard/PlaylistCard.tsx b/plugins/playlist/src/components/PlaylistCard/PlaylistCard.tsx
index 1408607133..8b52bcc1de 100644
--- a/plugins/playlist/src/components/PlaylistCard/PlaylistCard.tsx
+++ b/plugins/playlist/src/components/PlaylistCard/PlaylistCard.tsx
@@ -106,7 +106,9 @@ export const PlaylistCard = ({ playlist }: PlaylistCardProps) => {
           <Typography variant="body2" className={classes.label}>
             Description
           </Typography>
-          <MarkdownContent content={playlist.description ?? ''} />
+          {playlist.description && (
+            <MarkdownContent content={playlist.description} />
+          )}
         </Box>
         <Box className={classes.box}>
           <Typography variant="body2" className={classes.label}>