From 043bfea299c51e84a72f48f0e082ba47217209d3 Mon Sep 17 00:00:00 2001
From: Ayo Ayco <ramon.aycojr@gmail.com>
Date: Tue, 13 Dec 2022 19:39:51 +0100
Subject: [PATCH] feat: implement a small preview card when there are media
 attachments (#390)

Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>
---
 components/status/StatusCard.vue    | 2 +-
 components/status/StatusDetails.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/status/StatusCard.vue b/components/status/StatusCard.vue
index 15d9d353..fcf0df99 100644
--- a/components/status/StatusCard.vue
+++ b/components/status/StatusCard.vue
@@ -120,7 +120,7 @@ const showRebloggedByAvatarOnAvatar = rebloggedBy && avatarOnAvatar && reblogged
               minimized
               :class="status.visibility === 'direct' ? 'pb4' : ''"
             />
-            <StatusPreviewCard v-if="status.card" :card="status.card" :class="status.visibility === 'direct' ? 'pb4' : ''" />
+            <StatusPreviewCard v-if="status.card" :card="status.card" :class="status.visibility === 'direct' ? 'pb4' : ''" :small-picture-only="status.mediaAttachments?.length > 0" />
           </StatusSpoiler>
           <StatusCard
             v-if="status.reblog"
diff --git a/components/status/StatusDetails.vue b/components/status/StatusDetails.vue
index 15db7324..1ad248dd 100644
--- a/components/status/StatusDetails.vue
+++ b/components/status/StatusDetails.vue
@@ -41,7 +41,7 @@ const visibility = $computed(() => STATUS_VISIBILITIES.find(v => v.value === sta
           :status="status"
           :class="status.visibility === 'direct' ? 'pb4' : ''"
         />
-        <StatusPreviewCard v-if="status.card" :card="status.card" :class="status.visibility === 'direct' ? 'pb4' : ''" />
+        <StatusPreviewCard v-if="status.card" :card="status.card" :class="status.visibility === 'direct' ? 'pb4' : ''" :small-picture-only="status.mediaAttachments?.length > 0" />
       </StatusSpoiler>
     </div>
     <div flex="~ gap-1" items-center text-secondary text-sm>