fix: wait until everything is loaded before replacing the current view with the last or login view

src/stores/auth.ts

@@ -117,7 +117,7 @@ export const useAuthStore = defineStore('auth', {
 				saveToken(response.data.token, true)
 
 				// Tell others the user is autheticated
-				this.checkAuth()
+				await this.checkAuth()
 			} catch (e) {
 				if (
 					e.response &&
@@ -168,7 +168,7 @@ export const useAuthStore = defineStore('auth', {
 				saveToken(response.data.token, true)
 
 				// Tell others the user is autheticated
-				this.checkAuth()
+				await this.checkAuth()
 			} finally {
 				this.setIsLoading(false)
 			}
@@ -180,12 +180,12 @@ export const useAuthStore = defineStore('auth', {
 				password: password,
 			})
 			saveToken(response.data.token, false)
-			this.checkAuth()
+			await this.checkAuth()
 			return response.data
 		},
 
 		// Populates user information from jwt token saved in local storage in store
-		checkAuth() {
+		async checkAuth() {
 
 			// This function can be called from multiple places at the same time and shortly after one another.
 			// To prevent hitting the api too frequently or race conditions, we check at most once per minute.
@@ -209,7 +209,7 @@ export const useAuthStore = defineStore('auth', {
 				this.setUser(info)
 
 				if (authenticated) {
-					this.refreshUserInfo()
+					await this.refreshUserInfo()
 				}
 			}
 
@@ -218,6 +218,8 @@ export const useAuthStore = defineStore('auth', {
 				this.setUser(null)
 				this.redirectToProviderIfNothingElseIsEnabled()
 			}
+			
+			return Promise.resolve(authenticated)
 		},
 
 		redirectToProviderIfNothingElseIsEnabled() {
@@ -335,22 +337,22 @@ export const useAuthStore = defineStore('auth', {
 
 				try {
 					await refreshToken(!this.isLinkShareAuth)
-					this.checkAuth()
+					await this.checkAuth()
 				} catch (e) {
 					// Don't logout on network errors as the user would then get logged out if they don't have
 					// internet for a short period of time - such as when the laptop is still reconnecting
 					if (e?.request?.status) {
-						this.logout()
+						await this.logout()
 					}
 				}
 			}, 5000)
 		},
 
-		logout() {
+		async logout() {
 			removeToken()
 			window.localStorage.clear() // Clear all settings and history we might have saved in local storage.
-			router.push({name: 'user.login'})
-			this.checkAuth()
+			await router.push({name: 'user.login'})
+			await this.checkAuth()
 		},
 	},
 })

src/stores/base.ts

@@ -11,6 +11,7 @@ import type {IList} from '@/modelTypes/IList'
 
 export interface RootStoreState {
 	loading: boolean,
+	ready: boolean,
 
 	currentList: IList | null,
 	background: string,
@@ -26,6 +27,7 @@ export interface RootStoreState {
 export const useBaseStore = defineStore('base', {
 	state: () : RootStoreState => ({
 		loading: false,
+		ready: false,
 
 		// This is used to highlight the current list in menu for all list related views
 		currentList: new ListModel({
@@ -95,6 +97,10 @@ export const useBaseStore = defineStore('base', {
 		setLogoVisible(visible: boolean) {
 			this.logoVisible = visible
 		},
+		
+		setReady(ready: boolean) {
+			this.ready = ready
+		},
 
 		async handleSetCurrentList({list, forceUpdate = false} : {list: IList | null, forceUpdate: boolean}) {
 			if (list === null) {
@@ -133,7 +139,8 @@ export const useBaseStore = defineStore('base', {
 
 		async loadApp() {
 			await checkAndSetApiUrl(window.API_URL)
-			useAuthStore().checkAuth()
+			await useAuthStore().checkAuth()
+			this.ready = true
 		},
 	},
 })