From 72d40edbb6facc542d44c38f26ae6edc668c9fb4 Mon Sep 17 00:00:00 2001
From: Shinigami <chrissi92@hotmail.de>
Date: Sun, 27 Nov 2022 17:54:11 +0100
Subject: [PATCH] feat: show translate below content (#185)

---
 components/status/StatusBody.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/components/status/StatusBody.vue b/components/status/StatusBody.vue
index 91be958b..f2608955 100644
--- a/components/status/StatusBody.vue
+++ b/components/status/StatusBody.vue
@@ -6,17 +6,20 @@ const { status, withAction = true } = defineProps<{
   withAction?: boolean
 }>()
 const { translation } = useTranslation(status)
-const content = $computed(() => translation.visible ? translation.text : status.content)
 </script>
 
 <template>
   <div class="status-body" whitespace-pre-wrap break-words :class="{ 'with-action': withAction }">
     <ContentRich
-      v-if="content"
-      :content="content"
+      v-if="status.content"
+      :content="status.content"
       :emojis="status.emojis"
     />
     <div v-else h-3 />
+    <template v-if="translation.visible">
+      <div my2 h-px border="b base" bg-base />
+      <ContentRich :content="translation.text" :emojis="status.emojis" />
+    </template>
   </div>
 </template>