refresh after delete

packages/web/src/widgets/DbKeysSubTree.svelte

@@ -5,7 +5,6 @@
 
   const SHOW_INCREMENT = 500;
 
-  import { useDatabaseKeys } from '../utility/metadataLoaders';
   import DbKeysTreeNode from './DbKeysTreeNode.svelte';
 
   export let conid;
@@ -15,17 +14,27 @@
   export let indentLevel = 0;
 
   export let reloadToken = 0;
+  let reloadToken2 = 0;
 
   let maxShowCount = SHOW_INCREMENT;
 
   // $: items = useDatabaseKeys({ conid, database, root, reloadToken });
 </script>
 
-{#await apiCall('database-connections/load-keys', { conid, database, root, reloadToken })}
+{#await apiCall('database-connections/load-keys', { conid, database, root, reloadToken, reloadToken2 })}
   <LoadingInfo message="Loading key list" wrapper />
 {:then items}
   {#each (items || []).slice(0, maxShowCount) as item}
-    <DbKeysTreeNode {conid} {database} {root} {item} {indentLevel} />
+    <DbKeysTreeNode
+      {conid}
+      {database}
+      {root}
+      {item}
+      {indentLevel}
+      onRefreshParent={() => {
+        reloadToken2 += 1;
+      }}
+    />
   {/each}
 
   {#if (items || []).length > maxShowCount}

packages/web/src/widgets/DbKeysTreeNode.svelte

@@ -20,6 +20,8 @@
   export let item;
   export let indentLevel = 0;
 
+  export let onRefreshParent;
+
   let isExpanded;
   let reloadToken = 0;
 
@@ -38,6 +40,10 @@
                 method: 'del',
                 args: [item.key],
               });
+
+              if (onRefreshParent) {
+                onRefreshParent();
+              }
             },
           });
         },