From 245f6b9678caaae6b682285b9e1b521fc1840a19 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Fri, 4 Nov 2022 11:19:35 -0500
Subject: [PATCH] Fix link previews in statuses

---
 app/soapbox/components/quoted-status.tsx                   | 2 +-
 app/soapbox/components/status.tsx                          | 2 +-
 app/soapbox/features/status/components/detailed-status.tsx | 2 +-
 app/styles/components/status.scss                          | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/soapbox/components/quoted-status.tsx b/app/soapbox/components/quoted-status.tsx
index 9755e7120..b521c1172 100644
--- a/app/soapbox/components/quoted-status.tsx
+++ b/app/soapbox/components/quoted-status.tsx
@@ -116,7 +116,7 @@ const QuotedStatus: React.FC<IQuotedStatus> = ({ status, onCancel, compose }) =>
               collapsable
             />
 
-            {(status.media_attachments.size > 0) && (
+            {(status.card || status.media_attachments.size > 0) && (
               <StatusMedia
                 status={status}
                 muted={compose}
diff --git a/app/soapbox/components/status.tsx b/app/soapbox/components/status.tsx
index 02eca62fe..00ae397c5 100644
--- a/app/soapbox/components/status.tsx
+++ b/app/soapbox/components/status.tsx
@@ -372,7 +372,7 @@ const Status: React.FC<IStatus> = (props) => {
                   collapsable
                 />
 
-                {(quote || actualStatus.media_attachments.size > 0) && (
+                {(quote || actualStatus.card || actualStatus.media_attachments.size > 0) && (
                   <Stack space={4}>
                     <StatusMedia
                       status={actualStatus}
diff --git a/app/soapbox/features/status/components/detailed-status.tsx b/app/soapbox/features/status/components/detailed-status.tsx
index 28c2d020c..bb9bfa2f5 100644
--- a/app/soapbox/features/status/components/detailed-status.tsx
+++ b/app/soapbox/features/status/components/detailed-status.tsx
@@ -103,7 +103,7 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
           <Stack space={4}>
             <StatusContent status={actualStatus} />
 
-            {(quote || actualStatus.media_attachments.size > 0) && (
+            {(quote || actualStatus.card || actualStatus.media_attachments.size > 0) && (
               <Stack space={4}>
                 <StatusMedia
                   status={actualStatus}
diff --git a/app/styles/components/status.scss b/app/styles/components/status.scss
index 4a2c57d3e..bdbdfa7a4 100644
--- a/app/styles/components/status.scss
+++ b/app/styles/components/status.scss
@@ -102,7 +102,7 @@
 }
 
 .status-card {
-  @apply flex text-sm border border-solid border-gray-200 dark:border-gray-800 rounded-lg text-gray-800 dark:text-gray-200 mt-3 min-h-[150px] no-underline overflow-hidden;
+  @apply flex text-sm border border-solid border-gray-200 dark:border-gray-800 rounded-lg text-gray-800 dark:text-gray-200 min-h-[150px] no-underline overflow-hidden;
 }
 
 a.status-card {