From f39c52ac8384b263f278c1a20c8b7b46bea29495 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Sat, 14 Sep 2024 17:57:50 +0200
Subject: [PATCH] pl-fe: do not display empty content
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 .../pl-fe/src/components/status-content.tsx   | 58 ++++++++++---------
 1 file changed, 31 insertions(+), 27 deletions(-)

diff --git a/packages/pl-fe/src/components/status-content.tsx b/packages/pl-fe/src/components/status-content.tsx
index ffd67f0038..b69973db62 100644
--- a/packages/pl-fe/src/components/status-content.tsx
+++ b/packages/pl-fe/src/components/status-content.tsx
@@ -204,7 +204,7 @@ const StatusContent: React.FC<IStatusContent> = React.memo(({
           dangerouslySetInnerHTML={{ __html: spoilerText }}
           ref={spoilerNode}
         />
-        {expandable && (
+        {content && expandable && (
           <Button
             className='ml-2 align-middle'
             type='button'
@@ -225,19 +225,21 @@ const StatusContent: React.FC<IStatusContent> = React.memo(({
   if (expandable && !expanded) return <>{output}</>;
 
   if (onClick) {
-    output.push(
-      <Markup
-        ref={node}
-        tabIndex={0}
-        key='content'
-        className={className}
-        direction={direction}
-        lang={status.language || undefined}
-        size={textSize}
-      >
-        {content}
-      </Markup>,
-    );
+    if (content) {
+      output.push(
+        <Markup
+          ref={node}
+          tabIndex={0}
+          key='content'
+          className={className}
+          direction={direction}
+          lang={status.language || undefined}
+          size={textSize}
+        >
+          {content}
+        </Markup>,
+      );
+    }
 
     const hasPoll = !!status.poll_id;
 
@@ -251,19 +253,21 @@ const StatusContent: React.FC<IStatusContent> = React.memo(({
 
     return <Stack space={4} className={clsx({ 'bg-gray-100 dark:bg-primary-800 rounded-md p-4': hasPoll })}>{output}</Stack>;
   } else {
-    output.push(
-      <Markup
-        ref={node}
-        tabIndex={0}
-        key='content'
-        className={className}
-        direction={direction}
-        lang={status.language || undefined}
-        size={textSize}
-      >
-        {content}
-      </Markup>,
-    );
+    if (content) {
+      output.push(
+        <Markup
+          ref={node}
+          tabIndex={0}
+          key='content'
+          className={className}
+          direction={direction}
+          lang={status.language || undefined}
+          size={textSize}
+        >
+          {content}
+        </Markup>,
+      );
+    }
 
     if (collapsed) {
       output.push(<ReadMoreButton onClick={() => {}} key='read-more' quote={quote} />);