update single account pinia state

src/stores/acctMgmt.js

@@ -225,5 +225,16 @@ export default defineStore('acctMgmtStore', {
     setShouldUpdateList(shouldUpdateBoolean) {
       this.shouldUpdateList = shouldUpdateBoolean;
     },
+    /** Only update one single account in the pinia state.
+     * @param {object} userDataToReplace
+     */
+    updateSingleAccountPiniaState(userDataToReplace){
+      const userIndex = this.allUserAccoutList.findIndex(user => user.username === userDataToReplace.username);
+      if (userIndex !== -1) {
+        this.allUserAccoutList[userIndex] = { ...this.allUserAccoutList[userIndex], ...userDataToReplace };
+      } else {
+        // Error handling here.
+      }
+    }
   },
 })

src/views/AccountManagement/AccountAdmin/AccountAdmin.vue

@@ -274,13 +274,14 @@ export default {
         };
         
         const setIsActiveInput = async(userData, inputIsActiveToSet) => {
-            await acctMgmtStore.editAccount(userData.username, {
+            const userDataToReplace = {
                 username: userData.username,
                 name: userData.name,
                 is_active: inputIsActiveToSet,
-            });
-            acctMgmtStore.setShouldUpdateList(true);
-            await toast.success(i18next.t("AcctMgmt.MsgAccountEdited"));
+            };
+            await acctMgmtStore.editAccount(userData.username, userDataToReplace);
+            acctMgmtStore.updateSingleAccountPiniaState(userDataToReplace);
+            toast.success(i18next.t("AcctMgmt.MsgAccountEdited"));
         }
 
         onMounted(async () => {