From 92bbcd32551597215b56d9d45cf506e0327037ac Mon Sep 17 00:00:00 2001
From: Hazelnoot <acomputerdog@gmail.com>
Date: Thu, 29 May 2025 23:55:40 -0400
Subject: [PATCH] fix saving moderation note

---
 packages/frontend/src/pages/instance-info.vue | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/frontend/src/pages/instance-info.vue b/packages/frontend/src/pages/instance-info.vue
index 6757683a0f..b60bdf3a72 100644
--- a/packages/frontend/src/pages/instance-info.vue
+++ b/packages/frontend/src/pages/instance-info.vue
@@ -98,7 +98,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<MkFolder v-if="iAmModerator" :defaultOpen="moderationNote.length > 0" :sticky="false">
 					<template #icon><i class="ph-stamp ph-bold ph-lg"></i></template>
 					<template #label>{{ i18n.ts.moderationNote }}</template>
-					<MkTextarea v-model="moderationNote" manualSave>
+					<MkTextarea v-model="moderationNote" manualSave @update:modelValue="saveModerationNote">
 						<template #label>{{ i18n.ts.moderationNote }}</template>
 						<template #caption>{{ i18n.ts.moderationNoteDescription }}</template>
 					</MkTextarea>
@@ -353,11 +353,14 @@ const followersPagination = {
 	offsetMode: false,
 };
 
-if (iAmModerator) {
-	watch(moderationNote, async () => {
-		if (instance.value == null) return;
-		await os.apiWithDialog('admin/federation/update-instance', { host: instance.value.host, moderationNote: moderationNote.value });
-	});
+async function saveModerationNote() {
+	if (iAmModerator) {
+		await os.promiseDialog(async () => {
+			if (instance.value == null) return;
+			await os.apiWithDialog('admin/federation/update-instance', { host: instance.value.host, moderationNote: moderationNote.value });
+			await fetch();
+		});
+	}
 }
 
 async function fetch(): Promise<void> {