upd: add locale for quoted, add toasts and effects

locales/en-US.yml

@@ -108,6 +108,7 @@ enterEmoji: "Enter an emoji"
 renote: "Boost"
 unrenote: "Remove boost"
 renoted: "Boosted."
+quoted: "Quoted."
 rmquote: "Removed quote."
 rmboost: "Unboosted."
 cantRenote: "This post can't be boosted."

locales/index.d.ts

@@ -111,6 +111,7 @@ export interface Locale {
     "renote": string;
     "unrenote": string;
     "renoted": string;
+    "quoted": string;
     "rmboost": string;
     "rmquote": string;
     "cantRenote": string;

locales/ja-JP.yml

@@ -107,7 +107,8 @@ followRequestPending: "フォロー許可待ち"
 enterEmoji: "絵文字を入力"
 renote: "リノート"
 unrenote: "リノート解除"
-renoted: "ブースト"
+renoted: "ブースト。"
+quoted: "引用。"
 rmboost: "アンブースト。"
 rmquote: "引用を削除しました。"
 cantRenote: "この投稿はリノートできません。"

packages/frontend/src/components/MkNote.vue

@@ -406,6 +406,7 @@ function quote() {
 				}
 
 				quoted.value = res.length > 0;
+				os.toast(i18n.ts.quoted);
 			});
 		});
 	} else {
@@ -427,6 +428,7 @@ function quote() {
 				}
 
 				quoted.value = res.length > 0;
+				os.toast(i18n.ts.quoted);
 			});
 		});
 	}
@@ -502,7 +504,16 @@ function undoRenote(note) : void {
 	os.api("notes/unrenote", {
 		noteId: note.id
 	});
+	os.toast(i18n.ts.rmboost);
 	renoted.value = false;
+
+	const el = renoteButton.value as HTMLElement | null | undefined;
+	if (el) {
+		const rect = el.getBoundingClientRect();
+		const x = rect.left + (el.offsetWidth / 2);
+		const y = rect.top + (el.offsetHeight / 2);
+		os.popup(MkRippleEffect, { x, y }, {}, 'end');
+	}
 }
 
 function undoQuote(note) : void {
@@ -510,7 +521,16 @@ function undoQuote(note) : void {
 		noteId: note.id,
 		quote: true
 	});
+	os.toast(i18n.ts.rmquote);
 	quoted.value = false;
+
+	const el = quoteButton.value as HTMLElement | null | undefined;
+	if (el) {
+		const rect = el.getBoundingClientRect();
+		const x = rect.left + (el.offsetWidth / 2);
+		const y = rect.top + (el.offsetHeight / 2);
+		os.popup(MkRippleEffect, { x, y }, {}, 'end');
+	}
 }
 
 function onContextmenu(ev: MouseEvent): void {

packages/frontend/src/components/MkNoteDetailed.vue

@@ -450,6 +450,7 @@ function quote() {
 				}
 
 				quoted.value = res.length > 0;
+				os.toast(i18n.ts.quoted);
 			});
 		});
 	} else {
@@ -471,6 +472,7 @@ function quote() {
 				}
 
 				quoted.value = res.length > 0;
+				os.toast(i18n.ts.quoted);
 			});
 		});
 	}
@@ -548,7 +550,16 @@ function undoRenote() : void {
 	os.api("notes/unrenote", {
 		noteId: appearNote.id,
 	});
+	os.toast(i18n.ts.rmboost);
 	renoted.value = false;
+
+	const el = renoteButton.value as HTMLElement | null | undefined;
+	if (el) {
+		const rect = el.getBoundingClientRect();
+		const x = rect.left + (el.offsetWidth / 2);
+		const y = rect.top + (el.offsetHeight / 2);
+		os.popup(MkRippleEffect, { x, y }, {}, 'end');
+	}
 }
 
 function undoQuote() : void {
@@ -556,7 +567,16 @@ function undoQuote() : void {
 		noteId: appearNote.id,
 		quote: true
 	});
+	os.toast(i18n.ts.rmquote);
 	quoted.value = false;
+
+	const el = quoteButton.value as HTMLElement | null | undefined;
+	if (el) {
+		const rect = el.getBoundingClientRect();
+		const x = rect.left + (el.offsetWidth / 2);
+		const y = rect.top + (el.offsetHeight / 2);
+		os.popup(MkRippleEffect, { x, y }, {}, 'end');
+	}
 }
 
 function onContextmenu(ev: MouseEvent): void {

packages/frontend/src/components/MkNoteSub.vue

@@ -241,7 +241,16 @@ function undoRenote() : void {
 	os.api("notes/unrenote", {
 		noteId: appearNote.id,
 	});
+	os.toast(i18n.ts.rmboost);
 	renoted.value = false;
+
+	const el = renoteButton.value as HTMLElement | null | undefined;
+	if (el) {
+		const rect = el.getBoundingClientRect();
+		const x = rect.left + (el.offsetWidth / 2);
+		const y = rect.top + (el.offsetHeight / 2);
+		os.popup(MkRippleEffect, { x, y }, {}, 'end');
+	}
 }
 
 function undoQuote() : void {
@@ -249,7 +258,16 @@ function undoQuote() : void {
 		noteId: appearNote.id,
 		quote: true
 	});
+	os.toast(i18n.ts.rmquote);
 	quoted.value = false;
+
+	const el = quoteButton.value as HTMLElement | null | undefined;
+	if (el) {
+		const rect = el.getBoundingClientRect();
+		const x = rect.left + (el.offsetWidth / 2);
+		const y = rect.top + (el.offsetHeight / 2);
+		os.popup(MkRippleEffect, { x, y }, {}, 'end');
+	}
 }
 
 let showContent = $ref(false);
@@ -317,6 +335,7 @@ function quote() {
 				}
 
 				quoted.value = res.length > 0;
+				os.toast(i18n.ts.quoted);
 			});
 		});
 	} else {
@@ -338,6 +357,7 @@ function quote() {
 				}
 
 				quoted.value = res.length > 0;
+				os.toast(i18n.ts.quoted);
 			});
 		});
 	}