From 3d37ac6471084718c6cae38f7962aee53e2c128e Mon Sep 17 00:00:00 2001
From: Ruslan Bayandinov <45530296+wazsone@users.noreply.github.com>
Date: Tue, 16 May 2023 18:43:25 +0700
Subject: [PATCH] [UBER-55] Remember collapsed projects (#3194)

Signed-off-by: Ruslan Bayandinov <wazsone@ya.ru>
---
 .../src/components/projects/ProjectSpacePresenter.svelte | 9 ++++++++-
 .../src/components/navigator/TreeNode.svelte             | 1 +
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/plugins/tracker-resources/src/components/projects/ProjectSpacePresenter.svelte b/plugins/tracker-resources/src/components/projects/ProjectSpacePresenter.svelte
index ab99e75ff4..184358f207 100644
--- a/plugins/tracker-resources/src/components/projects/ProjectSpacePresenter.svelte
+++ b/plugins/tracker-resources/src/components/projects/ProjectSpacePresenter.svelte
@@ -15,7 +15,7 @@
 <script lang="ts">
   import { Ref, Space } from '@hcengineering/core'
   import { Project } from '@hcengineering/tracker'
-  import { IconWithEmojii, getPlatformColor, getPlatformColorForText } from '@hcengineering/ui'
+  import { IconWithEmojii, getPlatformColor, getPlatformColorForText, getCurrentLocation } from '@hcengineering/ui'
   import { NavLink, TreeNode } from '@hcengineering/view-resources'
   import { SpacesNavModel } from '@hcengineering/workbench'
   import { SpecialElement } from '@hcengineering/workbench-resources'
@@ -27,16 +27,23 @@
   export let currentSpecial: string | undefined
   export let getActions: Function
   export let deselect: boolean = false
+
+  const COLLAPSED = 'COLLAPSED'
+  const getSpaceCollapsedKey = () => `${getCurrentLocation().path[1]}_${space._id}_collapsed`
+
+  $: collapsed = localStorage.getItem(getSpaceCollapsedKey()) === COLLAPSED
 </script>
 
 {#if model.specials}
   <TreeNode
+    {collapsed}
     icon={space?.icon === tracker.component.IconWithEmojii ? IconWithEmojii : space?.icon ?? model.icon}
     iconProps={space?.icon === tracker.component.IconWithEmojii
       ? { icon: space.color }
       : { fill: space.color !== undefined ? getPlatformColor(space.color) : getPlatformColorForText(space.name) }}
     title={space.name}
     actions={() => getActions(space)}
+    on:click={() => localStorage.setItem(getSpaceCollapsedKey(), collapsed ? '' : COLLAPSED)}
   >
     {#each model.specials as special}
       <NavLink space={space._id} special={special.id}>
diff --git a/plugins/view-resources/src/components/navigator/TreeNode.svelte b/plugins/view-resources/src/components/navigator/TreeNode.svelte
index 02ae1d1327..f4624d2e94 100644
--- a/plugins/view-resources/src/components/navigator/TreeNode.svelte
+++ b/plugins/view-resources/src/components/navigator/TreeNode.svelte
@@ -41,6 +41,7 @@
   {parent}
   {indent}
   {shortDropbox}
+  on:click
 >
   <slot />
 </TreeElement>