From 8287d5e4006bf3f83a71ab4427a321ee9998f36b Mon Sep 17 00:00:00 2001
From: "SPRINX0\\prochazka" <jan.prochazka@sprinx.com>
Date: Wed, 22 Jan 2025 09:32:26 +0100
Subject: [PATCH] redis loading keys UX

---
 packages/web/src/widgets/DbKeysSubTree.svelte | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/web/src/widgets/DbKeysSubTree.svelte b/packages/web/src/widgets/DbKeysSubTree.svelte
index 594501699..205dac931 100644
--- a/packages/web/src/widgets/DbKeysSubTree.svelte
+++ b/packages/web/src/widgets/DbKeysSubTree.svelte
@@ -22,7 +22,8 @@
 
   let reloadToken2 = 0;
   let maxShowCount = SHOW_INCREMENT;
-  let loading = true;
+  let loading = false;
+  let loadingWhole = false;
   let items = [];
 
   async function loadData() {
@@ -38,6 +39,7 @@
     });
     items = result;
     loading = false;
+    loadingWhole = false;
   }
 
   $: {
@@ -50,6 +52,10 @@
     maxShowCount;
     loadData();
   }
+
+  $: {
+    loadingWhole = true;
+  }
 </script>
 
 {#if loading && items.length == 0}
@@ -71,12 +77,7 @@
   {/each}
 
   {#if loading}
-    <AppObjectCore
-      {indentLevel}
-      title="Loading next keys..."
-      icon="icon loading"
-      expandIcon="icon invisible-box"
-    />
+    <AppObjectCore {indentLevel} title="Loading keys..." icon="icon loading" expandIcon="icon invisible-box" />
   {:else if items.length > maxShowCount}
     <AppObjectCore
       {indentLevel}