From 1ad03877fb90ea3b937fcb48ae13a4c6ac36d85b Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 24 Aug 2023 11:27:20 +0200
Subject: [PATCH] fix(menu): separate favorite and saved filter projects from
 other projects

Resolves https://kolaente.dev/vikunja/frontend/issues/3710
Resolves https://github.com/go-vikunja/frontend/issues/119
---
 src/components/home/navigation.vue | 9 +++++++++
 src/stores/projects.ts             | 5 ++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/home/navigation.vue b/src/components/home/navigation.vue
index 30d933e58..dee4d12c4 100644
--- a/src/components/home/navigation.vue
+++ b/src/components/home/navigation.vue
@@ -60,6 +60,14 @@
 					:can-collapse="false"
 				/>
 			</nav>
+			
+			<nav class="menu" v-if="savedFilterProjects">
+				<ProjectsNavigation
+					:model-value="savedFilterProjects"
+					:can-edit-order="false"
+					:can-collapse="false"
+				/>
+			</nav>
 
 			<nav class="menu">
 				<ProjectsNavigation
@@ -91,6 +99,7 @@ const projectStore = useProjectStore()
 
 const projects = computed(() => projectStore.notArchivedRootProjects)
 const favoriteProjects = computed(() => projectStore.favoriteProjects)
+const savedFilterProjects = computed(() => projectStore.savedFilterProjects)
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/stores/projects.ts b/src/stores/projects.ts
index 818a7a7e3..b3ce6d889 100644
--- a/src/stores/projects.ts
+++ b/src/stores/projects.ts
@@ -36,9 +36,11 @@ export const useProjectStore = defineStore('project', () => {
 	const projectsArray = computed(() => Object.values(projects.value)
 		.sort((a, b) => a.position - b.position))
 	const notArchivedRootProjects = computed(() => projectsArray.value
-		.filter(p => p.parentProjectId === 0 && !p.isArchived))
+		.filter(p => p.parentProjectId === 0 && !p.isArchived && p.id > 0))
 	const favoriteProjects = computed(() => projectsArray.value
 		.filter(p => !p.isArchived && p.isFavorite))
+	const savedFilterProjects = computed(() => projectsArray.value
+		.filter(p => !p.isArchived && p.id < -1))
 	const hasProjects = computed(() => projectsArray.value.length > 0)
 
 	const getChildProjects = computed(() => {
@@ -198,6 +200,7 @@ export const useProjectStore = defineStore('project', () => {
 		notArchivedRootProjects: readonly(notArchivedRootProjects),
 		favoriteProjects: readonly(favoriteProjects),
 		hasProjects: readonly(hasProjects),
+		savedFilterProjects: readonly(savedFilterProjects),
 
 		getChildProjects,
 		findProjectByExactname,