satellite/admin-ui: fix user/project state update bug

This change fixes a bug where after a user/project is update from a
dialog, the user/project detail page will vanish and appear again with
the dialog still open. This happens because when the new state is being
fetched after the update, the current state is set to null. This change
removes the clearing of current user/project state before fetching the
new state.

Change-Id: Ia0ea99c00b2a01305f7ed64322fc44ddb513da95

Author: wilfred-asomanii

satellite/admin/back-office/ui/src/components/GlobalSearchDialog.vue

@@ -149,7 +149,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
+import { computed, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { VBtn, VCard, VChip, VContainer, VDataTable, VDialog, VIcon, VTextField } from 'vuetify/components';
 import { Box, Search, User, X } from 'lucide-vue-next';
@@ -159,12 +159,10 @@ import { AccountMin, Project, SearchResult, UserStatusInfo } from '@/api/client.
 import { useAppStore } from '@/store/app';
 import { useNotificationsStore } from '@/store/notifications';
 import { ROUTES } from '@/router';
-import { useUsersStore } from '@/store/users';
 import { userIsNFR, userIsPaid } from '@/types/user';
 import { useLoading } from '@/composables/useLoading';
 
 const appStore = useAppStore();
-const usersStore = useUsersStore();
 const notify = useNotificationsStore();
 const router = useRouter();
 const { isLoading } = useLoading();
@@ -248,10 +246,6 @@ function goToProject(project: Project):void {
     router.push({ name: ROUTES.AccountProject.name, params: { projectID: project.id, userID: project.owner.id } });
     model.value = false;
 }
-
-onMounted(() => {
-    usersStore.clearCurrentUser();
-});
 </script>
 <style scoped lang="scss">
 :deep(.v-data-table-footer) {

satellite/admin/back-office/ui/src/store/projects.ts

@@ -26,7 +26,6 @@ export const useProjectsStore = defineStore('projects', () => {
 
     async function updateCurrentProject(project: string | Project): Promise<void> {
         if (typeof project === 'string') {
-            clearCurrentProject();
             state.currentProject = await getProject(project);
             return;
         }

satellite/admin/back-office/ui/src/store/users.ts

@@ -43,7 +43,6 @@ export const useUsersStore = defineStore('users', () => {
     // Update the current user stored in the state.
     async function updateCurrentUser(user: string | UserAccount): Promise<void> {
         if (typeof user === 'string') {
-            clearCurrentUser();
             state.currentAccount = await getUser(user);
             return;
         }

satellite/admin/back-office/ui/src/views/AccountDetails.vue

@@ -219,7 +219,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watch } from 'vue';
+import { computed, onUnmounted, ref, watch } from 'vue';
 import { useRouter } from 'vue-router';
 import {
     VAlert,
@@ -389,4 +389,6 @@ watch(() => router.currentRoute.value.params.userID as string, (userID) => {
         }
     });
 }, { immediate: true });
+
+onUnmounted(() => usersStore.clearCurrentUser());
 </script>