Fix(frontend):翻訳が成功しても翻訳中のままになる問題を修正 (kokonect-link#415)

penginn-net · Sep 5, 2024 · 7531403 · 7531403
1 parent f8c1f87
commit 7531403
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 1 deletion.
diff --git a/CHANGELOG_YOJO.md b/CHANGELOG_YOJO.md
@@ -6,7 +6,7 @@
 -
 
 ### Client
--
+- Fix: 翻訳が成功しても翻訳中のままになるのを修正 [#415](https://github.com/yojo-art/cherrypick/pull/415)
 
 ### Server
 - Change: 溢れそうなチャートの型を大きいものに変更

diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
@@ -744,6 +744,7 @@ async function translate(): Promise<void> {
 				text: err.id,
 			});
 	});
+	translating.value = false;
 	translation.value = res;
 
 	vibrate(defaultStore.state.vibrateSystem ? [5, 5, 10] : []);

diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue
@@ -680,6 +680,7 @@ async function translate(): Promise<void> {
 				text: err.id,
 			});
 	});
+	translating.value = false;
 	translation.value = res;
 
 	vibrate(defaultStore.state.vibrateSystem ? [5, 5, 10] : []);

diff --git a/packages/frontend/src/components/MkSubNoteContent.vue b/packages/frontend/src/components/MkSubNoteContent.vue
@@ -453,6 +453,7 @@ async function translate(): Promise<void> {
 				text: err.id,
 			});
 	});
+	translating.value = false;
 	translation.value = res;
 
 	vibrate(defaultStore.state.vibrateSystem ? [5, 5, 10] : []);

diff --git a/packages/frontend/src/pages/user/home.vue b/packages/frontend/src/pages/user/home.vue
@@ -347,6 +347,7 @@ async function translate(): Promise<void> {
 				text: err.id,
 			});
 	});
+	translating.value = false;
 	translation.value = res;
 
 	vibrate(defaultStore.state.vibrateSystem ? [5, 5, 10] : []);

diff --git a/packages/frontend/src/scripts/get-note-menu.ts b/packages/frontend/src/scripts/get-note-menu.ts
@@ -340,6 +340,14 @@ export function getNoteMenu(props: {
 		const res = await misskeyApi('notes/translate', {
 			noteId: appearNote.id,
 			targetLang: miLocalStorage.getItem('lang') ?? navigator.language,
+		}).catch((err) => {
+			props.translating.value = false;
+			os.alert(
+				{
+					type: 'error',
+					title: err.message,
+					text: err.id,
+				});
 		});
 		props.translating.value = false;
 		props.translation.value = res;