From 9621fa45679acb5a2e12270cdde425a94071a3fe Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Thu, 17 Jun 2021 16:26:23 +0200
Subject: [PATCH] Make sure file loading indicator is propagated

---
 src/base/projects/Tree.svelte        | 1 +
 src/base/projects/Tree/Folder.svelte | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/base/projects/Tree.svelte b/src/base/projects/Tree.svelte
index d4554accf..9eb872c32 100644
--- a/src/base/projects/Tree.svelte
+++ b/src/base/projects/Tree.svelte
@@ -22,6 +22,7 @@
   {#if entry.info.objectType === ObjectType.Tree}
     <Folder
       {fetchTree}
+      {loading}
       name={entry.info.name}
       prefix={`${entry.path}/`}
       currentPath={path}
diff --git a/src/base/projects/Tree/Folder.svelte b/src/base/projects/Tree/Folder.svelte
index 8234ac1cd..2e2e6dcc9 100644
--- a/src/base/projects/Tree/Folder.svelte
+++ b/src/base/projects/Tree/Folder.svelte
@@ -11,6 +11,7 @@
   export let name: string;
   export let prefix: string;
   export let currentPath: string;
+  export let loading: string | null = null;
 
   let expanded = currentPath.indexOf(prefix) === 0;
   let tree: Promise<Tree> | null = expanded ? fetchTree(prefix) : null;
@@ -81,7 +82,7 @@
           {:else}
             <File
               active={entry.path === currentPath}
-              loading={false}
+              loading={entry.path === loading}
               name={entry.info.name}
               on:click={() => {
                 onSelectFile({ detail: entry.path });