From 51e29af010defc5f6c46f85dbb7311904a7d40e1 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Tue, 11 Apr 2023 16:25:31 +0200
Subject: [PATCH] feat: nest ProjectsNavigation in Expandable

---
 src/components/home/ProjectsNavigationItem.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/home/ProjectsNavigationItem.vue b/src/components/home/ProjectsNavigationItem.vue
index 92d820265..f0fa5c499 100644
--- a/src/components/home/ProjectsNavigationItem.vue
+++ b/src/components/home/ProjectsNavigationItem.vue
@@ -44,13 +44,14 @@
 			</ProjectSettingsDropdown>
 			<span class="list-setting-spacer" v-else></span>
 		</div>
-		<ProjectsNavigation
-			v-if="canNestDeeper && childProjectsOpen && canCollapse"
-			v-model="childProjects"
-			:can-edit-order="true"
-			:can-collapse="canCollapse"
-			:level="level + 1"
-		/>
+		<Expandable v-if="canNestDeeper" :open="childProjectsOpen && canCollapse">
+			<ProjectsNavigation
+				v-model="childProjects"
+				:can-edit-order="true"
+				:can-collapse="canCollapse"
+				:level="level + 1"
+			/>
+		</Expandable>
 	</li>
 </template>
 
@@ -62,6 +63,7 @@ import {useBaseStore} from '@/stores/base'
 import type {IProject} from '@/modelTypes/IProject'
 
 import BaseButton from '@/components/base/BaseButton.vue'
+import Expandable from '@/components/base/Expandable.vue'
 import ProjectSettingsDropdown from '@/components/project/project-settings-dropdown.vue'
 import {getProjectTitle} from '@/helpers/getProjectTitle'
 import ColorBubble from '@/components/misc/colorBubble.vue'