From 9cecebe8bc8dc813428dc4825f28b31b6ed4b93f Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Thu, 31 Mar 2022 10:36:55 +0200
Subject: [PATCH] redis key tab name & icon

---
 packages/web/src/icons/FontIcon.svelte         |  1 +
 packages/web/src/tabs/DbKeyDetailTab.svelte    | 15 ++++++++++++++-
 packages/web/src/widgets/DbKeysTreeNode.svelte |  3 ++-
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/icons/FontIcon.svelte b/packages/web/src/icons/FontIcon.svelte
index 76e5fea97..3a570f14b 100644
--- a/packages/web/src/icons/FontIcon.svelte
+++ b/packages/web/src/icons/FontIcon.svelte
@@ -179,6 +179,7 @@
     'img type-stream': 'mdi mdi-view-stream color-icon-blue',
     'img type-binary': 'mdi mdi-file color-icon-blue',
     'img type-rejson': 'mdi mdi-color-json color-icon-blue',
+    'img keydb': 'mdi mdi-key color-icon-blue',
   };
 </script>
 
diff --git a/packages/web/src/tabs/DbKeyDetailTab.svelte b/packages/web/src/tabs/DbKeyDetailTab.svelte
index 35cbb1f24..f7d49ad2f 100644
--- a/packages/web/src/tabs/DbKeyDetailTab.svelte
+++ b/packages/web/src/tabs/DbKeyDetailTab.svelte
@@ -4,7 +4,13 @@
   const getCurrentEditor = () => getActiveComponent('DbKeyDetailTab');
 
   export const matchingProps = ['conid', 'database', 'isDefaultBrowser'];
-  export const allowAddToFavorites = props => true;
+  export const allowAddToFavorites = props => false;
+
+  function getKeyText(key) {
+    const keySplit = key.split(':');
+    if (keySplit.length > 1) return keySplit[keySplit.length - 1];
+    return key;
+  }
 </script>
 
 <script lang="ts">
@@ -25,7 +31,9 @@
   import DbKeyItemDetail from '../dbkeyvalue/DbKeyItemDetail.svelte';
   import DbKeyAddItemModal from '../modals/DbKeyAddItemModal.svelte';
   import ErrorMessageModal from '../modals/ErrorMessageModal.svelte';
+  import { changeTab } from '../utility/common';
 
+  export let tabid;
   export let conid;
   export let database;
   export let key;
@@ -39,6 +47,11 @@
   let refreshToken = 0;
   let editedValue = null;
 
+  $: changeTab(tabid, tab => ({
+    ...tab,
+    title: getKeyText(key),
+  }));
+
   function handleChangeTtl(keyInfo) {
     showModal(InputTextModal, {
       value: keyInfo.ttl,
diff --git a/packages/web/src/widgets/DbKeysTreeNode.svelte b/packages/web/src/widgets/DbKeysTreeNode.svelte
index 350f40282..dec05b2e3 100644
--- a/packages/web/src/widgets/DbKeysTreeNode.svelte
+++ b/packages/web/src/widgets/DbKeysTreeNode.svelte
@@ -148,7 +148,8 @@
     } else {
       openNewTab({
         tabComponent: 'DbKeyDetailTab',
-        title: 'Key: ' + database,
+        title: item.text,
+        icon: 'img keydb',
         props: {
           isDefaultBrowser: true,
           conid,