fix(post): expand button didn't appear for text with webpage link

plebbit · Nov 11, 2024 · 80fcc58 · 80fcc58
1 parent b367051
commit 80fcc58
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/components/post/expand-button/expand-button.tsx b/src/components/post/expand-button/expand-button.tsx
@@ -11,7 +11,11 @@ interface ExpandButtonProps {
 }
 
 const ExpandButton = ({ commentMediaInfo, content, expanded, hasThumbnail, link, toggleExpanded }: ExpandButtonProps) => {
-  const initialButtonType = hasThumbnail || commentMediaInfo?.type === 'audio' || commentMediaInfo?.type === 'iframe' ? 'playButton' : 'textButton';
+  let initialButtonType = hasThumbnail || commentMediaInfo?.type === 'audio' || commentMediaInfo?.type === 'iframe' ? 'playButton' : 'textButton';
+
+  if (commentMediaInfo?.type === 'webpage' && content && content.trim().length > 0) {
+    initialButtonType = 'textButton';
+  }
 
   const buttonType = expanded ? 'closeButton' : initialButtonType;
 

diff --git a/src/components/post/post.tsx b/src/components/post/post.tsx
@@ -237,11 +237,11 @@ const Post = ({ index, post = {} }: PostProps) => {
                     </span>
                   )}
                 </p>
-                {!isInPostView && commentMediaInfo?.type !== 'webpage' && (
+                {!isInPostView && (!(commentMediaInfo?.type === 'webpage') || (commentMediaInfo?.type === 'webpage' && content?.trim().length > 0)) && (
                   <ExpandButton
                     commentMediaInfo={commentMediaInfo}
                     content={content}
-                    expanded={commentMediaInfo?.type === 'webpage' ? false : isExpanded}
+                    expanded={isExpanded}
                     hasThumbnail={hasThumbnail}
                     link={link}
                     toggleExpanded={toggleExpanded}