diff --git a/packages/frontend/src/pages/user/home.vue b/packages/frontend/src/pages/user/home.vue
index f1329deafe..2cd307fb68 100644
--- a/packages/frontend/src/pages/user/home.vue
+++ b/packages/frontend/src/pages/user/home.vue
@@ -41,7 +41,7 @@ SPDX-License-Identifier: AGPL-3.0-only
-
disableFollowControls = d"/>
+
{{ i18n.ts.receiveFollowRequest }}
{{ i18n.ts.accept }}
{{ i18n.ts.reject }}
@@ -392,6 +392,17 @@ const disableFollowControls = ref(false);
const hasFollowRequest = computed(() => user.value.hasPendingFollowRequestToYou);
const useTallBanner = computed(() => hasFollowRequest.value && narrow.value);
+async function onFollowButtonDisabledChanged(disabled: boolean) {
+ try {
+ // Refresh the UI after MkFollowButton changes the follow relation
+ if (!disabled) {
+ user.value = await os.apiWithDialog('users/show', { userId: user.value.id });
+ }
+ } finally {
+ disableFollowControls.value = disabled;
+ }
+}
+
async function acceptFollowRequest() {
try {
disableFollowControls.value = true;