handle errors

src/i18n/en.json

@@ -1742,6 +1742,7 @@
     "approve_confirm_accept_button": "Approve",
     "approve_confirm_cancel_button": "Do not approve",
     "approve_confirm": "Do you want to approve {user}'s follow request?",
+    "approve_error": "Failure approving follow request: {error}",
     "block": "Block",
     "blocked": "Blocked!",
     "block_confirm_title": "Block confirmation",
@@ -1754,6 +1755,7 @@
     "deny_confirm_accept_button": "Deny",
     "deny_confirm_cancel_button": "Do not deny",
     "deny_confirm": "Do you want to deny {user}'s follow request?",
+    "deny_error": "Failure denying follow request: {error}",
     "edit_profile": "Edit profile",
     "favorites": "Favorites",
     "follow": "Follow",

src/stores/follow_requests.js

@@ -4,6 +4,7 @@ import followRequestFetcher from 'src/stores/fetchers/follow_requests.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useNotificationsStore } from 'src/stores/notifications.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 import { approveUser, denyUser } from 'src/api/user.js'
 
@@ -79,6 +80,7 @@ export const useFollowRequestsStore = defineStore('followRequests', {
       const id = userId ?? this.tempId
       this.hideApproveConfirmDialog()
 
+      try {
         await approveUser({
           id,
           credentials: useOAuthStore().token,
@@ -87,11 +89,19 @@ export const useFollowRequestsStore = defineStore('followRequests', {
         const notifId = this.findFollowRequestNotificationId(id)
         notifId && useNotificationsStore().markSingleNotificationAsSeen(notifId)
         this.requests.delete(id)
+      } catch (error) {
+        useInterfaceStore().pushGlobalNotice({
+          messageKey: 'user_card.approve_error',
+          messageArgs: { error },
+          level: 'error',
+        })
+      }
     },
     async doDeny(userId) {
       const id = userId ?? this.tempId
       this.hideDenyConfirmDialog()
 
+      try {
         await denyUser({
           id,
           credentials: useOAuthStore().token,
@@ -100,6 +110,13 @@ export const useFollowRequestsStore = defineStore('followRequests', {
         const notifId = this.findFollowRequestNotificationId(id)
         notifId && useNotificationsStore().markSingleNotificationAsSeen(notifId)
         this.requests.delete(id)
+      } catch (error) {
+        useInterfaceStore().pushGlobalNotice({
+          messageKey: 'user_card.deny_error',
+          messageArgs: { error },
+          level: 'error',
+        })
+      }
     },
 
     // Utility