feat: hide status from suspended account (#1967)

components/status/StatusCard.vue

@@ -65,6 +65,8 @@ const isDM = $computed(() => status.visibility === 'direct')
 
 const showUpperBorder = $computed(() => props.newer && !directReply)
 const showReplyTo = $computed(() => !replyToMain && !directReply)
+
+const forceShow = ref(false)
 </script>
 
 <template>
@@ -114,6 +116,20 @@ const showReplyTo = $computed(() => !replyToMain && !directReply)
     </slot>
 
     <div flex gap-3 :class="{ 'text-secondary': inNotification }">
+      <template v-if="status.account.suspended && !forceShow">
+        <div flex="~col 1" min-w-0>
+          <p italic>
+            {{ $t('status.account.suspended_message') }}
+          </p>
+          <div>
+            <button p-0 flex="~ center" gap-2 text-sm btn-text @click="forceShow = true">
+              <div i-ri:eye-line />
+              <span>{{ $t('status.account.suspended_show') }}</span>
+            </button>
+          </div>
+        </div>
+      </template>
+      <template v-else>
         <!-- Avatar -->
         <div relative>
           <div v-if="collapseRebloggedBy" absolute flex items-center justify-center top--6px px-2px py-3px rounded-full bg-base>
@@ -168,6 +184,7 @@ const showReplyTo = $computed(() => !replyToMain && !directReply)
           />
           <StatusActions v-if="actions !== false" v-show="!userSettings.zenMode" :status="status" />
         </div>
+      </template>
     </div>
   </StatusLink>
 </template>

locales/de-DE.json

@@ -385,6 +385,10 @@
     "uploading": "Hochladen..."
   },
   "status": {
+    "account": {
+      "suspended_message": "Der Account dieses Status wurde vorübergehend gesperrt.",
+      "suspended_show": "Inhalt trotzdem anzeigen?"
+    },
     "boosted_by": "Boosted von",
     "edited": "Zuletzt bearbeitet: {0}",
     "favourited_by": "Favorisiert von",

locales/en.json

@@ -497,6 +497,10 @@
     "uploading": "Uploading..."
   },
   "status": {
+    "account": {
+      "suspended_message": "The account of this status has been suspended.",
+      "suspended_show": "Show content anyways?"
+    },
     "boosted_by": "Boosted By",
     "edited": "Edited {0}",
     "favourited_by": "Favorited By",