From 89b01e86bc9664789ff23bb3b2718c20c3338140 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sat, 2 Mar 2024 13:43:04 +0100
Subject: [PATCH] fix(projects): load all projects when first opening Vikunja

---
 frontend/src/components/home/contentAuth.vue  |  2 +-
 frontend/src/services/savedFilter.ts          |  6 ++---
 frontend/src/stores/projects.ts               | 24 ++++++++++++-------
 frontend/src/stores/tasks.ts                  |  2 +-
 .../src/views/migrate/MigrationHandler.vue    |  2 +-
 5 files changed, 22 insertions(+), 14 deletions(-)

diff --git a/frontend/src/components/home/contentAuth.vue b/frontend/src/components/home/contentAuth.vue
index c216663d9..51248f140 100644
--- a/frontend/src/components/home/contentAuth.vue
+++ b/frontend/src/components/home/contentAuth.vue
@@ -122,7 +122,7 @@ const labelStore = useLabelStore()
 labelStore.loadAllLabels()
 
 const projectStore = useProjectStore()
-projectStore.loadProjects()
+projectStore.loadAllProjects()
 </script>
 
 <style lang="scss" scoped>
diff --git a/frontend/src/services/savedFilter.ts b/frontend/src/services/savedFilter.ts
index 66d5864a5..31c9a0fdc 100644
--- a/frontend/src/services/savedFilter.ts
+++ b/frontend/src/services/savedFilter.ts
@@ -111,13 +111,13 @@ export function useSavedFilter(projectId?: MaybeRef<IProject['id']>) {
 
 	async function createFilter() {
 		filter.value = await filterService.create(filter.value)
-		await projectStore.loadProjects()
+		await projectStore.loadAllProjects()
 		router.push({name: 'project.index', params: {projectId: getProjectId(filter.value)}})
 	}
 
 	async function saveFilter() {
 		const response = await filterService.update(filter.value)
-		await projectStore.loadProjects()
+		await projectStore.loadAllProjects()
 		success({message: t('filters.edit.success')})
 		response.filters = objectToSnakeCase(response.filters)
 		filter.value = response
@@ -130,7 +130,7 @@ export function useSavedFilter(projectId?: MaybeRef<IProject['id']>) {
 
 	async function deleteFilter() {	
 		await filterService.delete(filter.value)
-		await projectStore.loadProjects()
+		await projectStore.loadAllProjects()
 		success({message: t('filters.delete.success')})
 		router.push({name: 'projects.index'})
 	}
diff --git a/frontend/src/stores/projects.ts b/frontend/src/stores/projects.ts
index f977337a4..7a1992407 100644
--- a/frontend/src/stores/projects.ts
+++ b/frontend/src/stores/projects.ts
@@ -175,20 +175,28 @@ export const useProjectStore = defineStore('project', () => {
 		}
 	}
 
-	async function loadProjects() {
+	async function loadAllProjects() {
 		const cancel = setModuleLoading(setIsLoading)
 
 		const projectService = new ProjectService()
+		const loadedProjects: IProject[] = []
+		let page = 1
 		try {
-			const loadedProjects = await projectService.getAll({}, {is_archived: true}) as IProject[]
-			projects.value = {}
-			setProjects(loadedProjects)
-			loadedProjects.forEach(p => add(p))
-
-			return loadedProjects
+			do {
+				const newProjects = await projectService.getAll({}, {is_archived: true}, page) as IProject[]
+				loadedProjects.push(...newProjects)
+				page++
+			} while (page <= projectService.totalPages)
+			
 		} finally {
 			cancel()
 		}
+		
+		projects.value = {}
+		setProjects(loadedProjects)
+		loadedProjects.forEach(p => add(p))
+
+		return loadedProjects
 	}
 
 	function getAncestors(project: IProject): IProject[] {
@@ -222,7 +230,7 @@ export const useProjectStore = defineStore('project', () => {
 		setProjects,
 		removeProjectById,
 		toggleProjectFavorite,
-		loadProjects,
+		loadAllProjects,
 		createProject,
 		updateProject,
 		deleteProject,
diff --git a/frontend/src/stores/tasks.ts b/frontend/src/stores/tasks.ts
index 05827fa80..b57213766 100644
--- a/frontend/src/stores/tasks.ts
+++ b/frontend/src/stores/tasks.ts
@@ -473,7 +473,7 @@ export const useTaskStore = defineStore('task', () => {
 		task = await taskService.update(task)
 		
 		// reloading the projects list so that the Favorites project shows up or is hidden when there are (or are not) favorite tasks
-		await projectStore.loadProjects() 
+		await projectStore.loadAllProjects() 
 		
 		return task
 	}
diff --git a/frontend/src/views/migrate/MigrationHandler.vue b/frontend/src/views/migrate/MigrationHandler.vue
index 40c4a8cbf..24b140da6 100644
--- a/frontend/src/views/migrate/MigrationHandler.vue
+++ b/frontend/src/views/migrate/MigrationHandler.vue
@@ -213,7 +213,7 @@ async function migrate() {
 			const result = await migrationFileService.migrate(migrationConfig as File)
 			message.value = result.message
 			const projectStore = useProjectStore()
-			return projectStore.loadProjects()
+			return projectStore.loadAllProjects()
 		}
 		
 		await migrationService.migrate(migrationConfig as MigrationConfig)