From 842102cea4c9ee3556abad7de14e1ec56e3ea243 Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Fri, 25 Nov 2022 22:31:33 +0800
Subject: [PATCH] fix: fallback to image for media

---
 components/publish/PublishAttachment.vue |  2 +-
 components/status/StatusAttachment.vue   | 32 ++++++++++--------------
 2 files changed, 14 insertions(+), 20 deletions(-)

diff --git a/components/publish/PublishAttachment.vue b/components/publish/PublishAttachment.vue
index 91475622..edc3a30d 100644
--- a/components/publish/PublishAttachment.vue
+++ b/components/publish/PublishAttachment.vue
@@ -16,7 +16,7 @@ defineEmits<{
 
 <template>
   <div relative group>
-    <status-attachment :attachment="attachment" w-full />
+    <StatusAttachment :attachment="attachment" w-full />
     <div absolute right-2 top-2>
       <div
         v-if="removable"
diff --git a/components/status/StatusAttachment.vue b/components/status/StatusAttachment.vue
index 625d38ce..66008e5a 100644
--- a/components/status/StatusAttachment.vue
+++ b/components/status/StatusAttachment.vue
@@ -22,20 +22,7 @@ const aspectRatio = computed(() => {
 </script>
 
 <template>
-  <template v-if="attachment.type === 'image' ">
-    <CommonBlurhash
-      :blurhash="attachment.blurhash"
-      class="status-attachment-image"
-      :src="attachment.url || attachment.previewUrl!"
-      :alt="attachment.description!"
-      :style="{
-        aspectRatio,
-      }"
-      border="~ base"
-      object-cover rounded-lg
-    />
-  </template>
-  <template v-else-if="attachment.type === 'video'">
+  <template v-if="attachment.type === 'video'">
     <video
       :poster="attachment.previewUrl"
       controls
@@ -67,11 +54,18 @@ const aspectRatio = computed(() => {
       <source :src="attachment.url || attachment.previewUrl" type="audio/mp3">
     </audio>
   </template>
+  <!-- Image or "unknown" fallback -->
   <template v-else>
-    <div>
-      TODO:
-      <pre>{{ attachment }}
-      </pre>
-    </div>
+    <CommonBlurhash
+      :blurhash="attachment.blurhash"
+      class="status-attachment-image"
+      :src="attachment.url || attachment.previewUrl!"
+      :alt="attachment.description!"
+      :style="{
+        aspectRatio,
+      }"
+      border="~ base"
+      object-cover rounded-lg
+    />
   </template>
 </template>