* #RIVS-238 - [Regression] 500 error when opening RI vscode extension in the 2nd vscode window

* #RIVS-246 - [Regression] Remove key icon overlaps 'Sorted Set' text
* #RIVS-248 - Tooltips are not fully visible with small width
* #RIVS-257 - [Regression] Database has been edited notification not displayed after editing connection

Author: egor-zalenski

src/constants.ts

@@ -9,7 +9,7 @@ export enum ViewId {
 }
 
 export const MAX_TITLE_KEY_LENGTH = 30
-export const EXTENSION_ID = 'redis.redis-insight-vsc-plugin'
+export const EXTENSION_ID = 'redis.redis-for-vscode'
 
 export const EXTERNAL_LINKS = {
   releaseNotes: 'https://github.com/RedisInsight/RedisInsight/releases',

src/server/bootstrapBackend.ts

@@ -5,14 +5,14 @@ import * as fs from 'fs'
 import { workspaceStateService } from '../lib'
 import { CustomLogger } from '../logger'
 
-const appPort = process.env.RI_APP_PORT
-
 let gracefulShutdown: Function
 let beApp: any
 
 const backendPath = path.join(__dirname, '..', 'redis-backend/dist-minified')
 
 export async function startBackend(logger: CustomLogger): Promise<any> {
+  const appPort = process.env.RI_APP_PORT
+
   const port = await (await getPort.default(+appPort!)).toString()
   logger.log(`Starting at port: ${port}`)
 

src/webviews/src/modules/keys-tree/components/key-row-delete/styles.module.scss

@@ -1,5 +1,5 @@
 .container {
-  @apply absolute right-3;
+  @apply absolute right-0;
 }
 
 .trigger {

src/webviews/src/modules/keys-tree/components/key-row-type/styles.module.scss

@@ -7,6 +7,6 @@
   font-size: 11px;
   line-height: 24px;
 
-  width: 84px;
-  min-width: 84px;
+  width: 88px;
+  min-width: 88px;
 }

src/webviews/src/modules/keys-tree/components/keys-summary/KeysSummary.tsx

@@ -75,7 +75,11 @@ export const KeysSummary = (props: Props) => {
       )} */}
 
       <div className="flex pr-3.5">
-        <Tooltip content={l10n.t('Sort by key names displayed')}>
+        <Tooltip
+          keepTooltipInside={false}
+          content={l10n.t('Sort by key names displayed')}
+          position="bottom right"
+        >
           <VSCodeButton
             appearance="icon"
             onClick={changeSortHandle}

src/webviews/src/store/hooks/use-databases-store/useDatabasesStore.spec.ts

@@ -275,6 +275,7 @@ describe('useDatabasesStore', () => {
 
         expect(useDatabasesStore.getState().data).toEqual(checkRediStack([databases[1]]))
         expect(useDatabasesStore.getState().loading).toEqual(false)
+        expect(utils.showInformationMessage).toBeCalledWith('Database has been edited')
       })
 
       it('call showErrorMessage when fetch is fail', async () => {

src/webviews/src/store/hooks/use-databases-store/useDatabasesStore.ts

@@ -159,6 +159,7 @@ export const updateDatabase = ({ id, ...payload }: Partial<Database>, onSuccess?
       const { status } = await apiService.patch(`${ApiEndpoints.DATABASES}/${id}`, payload)
 
       if (isStatusSuccessful(status)) {
+        showInformationMessage(successMessages.EDITED_NEW_DATABASE(payload.name ?? '').title)
         fetchDatabases()
         onSuccess?.()
       }

src/webviews/src/ui/tooltip/Tooltip.tsx

@@ -13,6 +13,7 @@ export interface Props extends PopupProps {
 
 export const Tooltip = (props: Props) => {
   const {
+    keepTooltipInside = true,
     position = 'top center',
     title,
     children: childrenInit,
@@ -30,7 +31,7 @@ export const Tooltip = (props: Props) => {
 
   return (
     <Popup
-      keepTooltipInside
+      keepTooltipInside={keepTooltipInside}
       position={position}
       on="hover"
       trigger={children as JSX.Element}