From 175e31288abd6dcad3e36efd1f297d5d2b7f6154 Mon Sep 17 00:00:00 2001
From: Shinigami <chrissi92@hotmail.de>
Date: Sat, 26 Nov 2022 01:04:31 +0100
Subject: [PATCH] feat: use pointer when clickable status (#113)

---
 components/status/StatusBody.vue    | 11 +++++++++--
 components/status/StatusDetails.vue |  2 +-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/components/status/StatusBody.vue b/components/status/StatusBody.vue
index 0a54c8b8..34b82fbc 100644
--- a/components/status/StatusBody.vue
+++ b/components/status/StatusBody.vue
@@ -1,17 +1,24 @@
 <script setup lang="ts">
 import type { Status } from 'masto'
 
-const { status } = defineProps<{
+const { status, withAction = true } = defineProps<{
   status: Status
+  withAction?: boolean
 }>()
 const { translation } = useTranslation(status)
 </script>
 
 <template>
-  <div class="status-body" whitespace-pre-wrap break-words>
+  <div class="status-body" whitespace-pre-wrap break-words :class="{ 'with-action': withAction }">
     <ContentRich
       :content="translation.visible ? translation.text : status.content"
       :emojis="status.emojis"
     />
   </div>
 </template>
+
+<style>
+.status-body.with-action p {
+  cursor: pointer;
+}
+</style>
diff --git a/components/status/StatusDetails.vue b/components/status/StatusDetails.vue
index e0ce0eaa..42950191 100644
--- a/components/status/StatusDetails.vue
+++ b/components/status/StatusDetails.vue
@@ -22,7 +22,7 @@ const date = useFormattedDateTime(status.createdAt)
       <template #spoiler>
         {{ status.spoilerText }}
       </template>
-      <StatusBody :status="status" text-2xl />
+      <StatusBody :status="status" :with-action="false" text-2xl />
       <StatusMedia
         v-if="status.mediaAttachments?.length"
         :status="status"