summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/MkSubNoteContent.vue
diff options
context:
space:
mode:
authorMar0xy <marie@kaifa.ch>2023-10-19 22:23:27 +0200
committerMar0xy <marie@kaifa.ch>2023-10-19 22:23:27 +0200
commitfc5d75f8d4085c71d39890154b8fc6527736d84a (patch)
tree06199459b8fc8b8a2c586435f371580dfc59fb70 /packages/frontend/src/components/MkSubNoteContent.vue
parentrevert: blur in container (diff)
downloadsharkey-fc5d75f8d4085c71d39890154b8fc6527736d84a.tar.gz
sharkey-fc5d75f8d4085c71d39890154b8fc6527736d84a.tar.bz2
sharkey-fc5d75f8d4085c71d39890154b8fc6527736d84a.zip
fix: no translations on sub notes
Closes bug: transfem-org/Sharkey#89
Diffstat (limited to 'packages/frontend/src/components/MkSubNoteContent.vue')
-rw-r--r--packages/frontend/src/components/MkSubNoteContent.vue16
1 files changed, 16 insertions, 0 deletions
diff --git a/packages/frontend/src/components/MkSubNoteContent.vue b/packages/frontend/src/components/MkSubNoteContent.vue
index 09a25e88ff..496ae3e457 100644
--- a/packages/frontend/src/components/MkSubNoteContent.vue
+++ b/packages/frontend/src/components/MkSubNoteContent.vue
@@ -10,6 +10,13 @@ SPDX-License-Identifier: AGPL-3.0-only
<span v-if="note.deletedAt" style="opacity: 0.5">({{ i18n.ts.deleted }})</span>
<MkA v-if="note.replyId" :class="$style.reply" :to="`/notes/${note.replyId}`" v-on:click.stop><i class="ph-arrow-bend-left-up ph-bold pg-lg"></i></MkA>
<Mfm v-if="note.text" :text="note.text" :author="note.user" :i="$i" :emojiUrls="note.emojis"/>
+ <div v-if="note.text && translating || note.text && translation" :class="$style.translation">
+ <MkLoading v-if="translating" mini/>
+ <div v-else>
+ <b>{{ i18n.t('translatedFrom', { x: translation.sourceLang }) }}: </b>
+ <Mfm :text="translation.text" :author="note.user" :i="$i" :emojiUrls="note.emojis"/>
+ </div>
+ </div>
<MkA v-if="note.renoteId" :class="$style.rp" :to="`/notes/${note.renoteId}`" v-on:click.stop>RN: ...</MkA>
</div>
<details v-if="note.files.length > 0" :open="!defaultStore.state.collapseFiles">
@@ -42,6 +49,8 @@ import { useRouter } from '@/router.js';
const props = defineProps<{
note: Misskey.entities.Note;
+ translating?: boolean;
+ translation?: any;
}>();
const router = useRouter();
@@ -102,6 +111,13 @@ const collapsed = $ref(isLong);
color: var(--renote);
}
+.translation {
+ border: solid 0.5px var(--divider);
+ border-radius: var(--radius);
+ padding: 12px;
+ margin-top: 8px;
+}
+
.showLess {
width: 100%;
margin-top: 14px;