upd: add locale for quoted, add toasts and effects

3 files changed, 60 insertions, 0 deletions

diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
index 2f5966be6d..eb6f95248e 100644
--- a/packages/frontend/src/components/MkNote.vue
+++ b/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 {
diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue
index 32ea1f3e47..61d4016d69 100644
--- a/packages/frontend/src/components/MkNoteDetailed.vue
+++ b/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 {
diff --git a/packages/frontend/src/components/MkNoteSub.vue b/packages/frontend/src/components/MkNoteSub.vue
index 4a8d6c0d32..a701766c25 100644
--- a/packages/frontend/src/components/MkNoteSub.vue
+++ b/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);
 			});
 		});
 	}