diff --git a/src/components/status_body/status_body.js b/src/components/status_body/status_body.js index 19cec6c6..7ff6c3aa 100644 --- a/src/components/status_body/status_body.js +++ b/src/components/status_body/status_body.js @@ -41,7 +41,8 @@ const StatusContent = { postLength: this.status.text.length, parseReadyDone: false, renderMisskeyMarkdown, - translateFrom: null + translateFrom: null, + translating: false } }, computed: { @@ -135,7 +136,10 @@ const StatusContent = { }, translateStatus () { const translateTo = this.$store.getters.mergedConfig.translationLanguage || this.$store.state.instance.interfaceLanguage - this.$store.dispatch('translateStatus', { id: this.status.id, language: translateTo, from: this.translateFrom }) + this.translating = true + this.$store.dispatch( + 'translateStatus', { id: this.status.id, language: translateTo, from: this.translateFrom } + ).finally(() => { this.translating = false }) } } } diff --git a/src/components/status_body/status_body.vue b/src/components/status_body/status_body.vue index 882b38c5..ba9a3ded 100644 --- a/src/components/status_body/status_body.vue +++ b/src/components/status_body/status_body.vue @@ -91,6 +91,7 @@ {{ ' ' }}