CB-6242 add tooltip for the connection (#3281)

devnaumov · web-flow · commit d7d02f2c93b7 · 2025-02-21T18:58:12.000Z
diff --git a/webapp/packages/core-connections/src/locales/de.ts b/webapp/packages/core-connections/src/locales/de.ts
@@ -61,4 +61,5 @@ export default [
   ['core_connections_settings_disable_description', 'Disable the ability to create new connections'],
   ['connections_templates_deprecated_message', 'Template connections are deprecated and will be removed in future releases'],
   ['core_connections_connection_driver_not_installed', 'Driver is not installed'],
+  ['core_connections_connection_temporary', 'Temporary connection'],
 ];
diff --git a/webapp/packages/core-connections/src/locales/en.ts b/webapp/packages/core-connections/src/locales/en.ts
@@ -105,4 +105,5 @@ export default [
   ['core_connections_settings_disable_description', 'Disable the ability to create new connections'],
   ['connections_templates_deprecated_message', 'Template connections are deprecated and will be removed in future releases'],
   ['core_connections_connection_driver_not_installed', 'Driver is not installed'],
+  ['core_connections_connection_temporary', 'Temporary connection'],
 ];
diff --git a/webapp/packages/core-connections/src/locales/fr.ts b/webapp/packages/core-connections/src/locales/fr.ts
@@ -114,4 +114,5 @@ export default [
   ['core_connections_settings_disable_description', 'Disable the ability to create new connections'],
   ['connections_templates_deprecated_message', 'Template connections are deprecated and will be removed in future releases'],
   ['core_connections_connection_driver_not_installed', 'Driver is not installed'],
+  ['core_connections_connection_temporary', 'Temporary connection'],
 ];
diff --git a/webapp/packages/core-connections/src/locales/it.ts b/webapp/packages/core-connections/src/locales/it.ts
@@ -103,4 +103,5 @@ export default [
   ['core_connections_settings_disable_description', 'Disable the ability to create new connections'],
   ['connections_templates_deprecated_message', 'Template connections are deprecated and will be removed in future releases'],
   ['core_connections_connection_driver_not_installed', 'Driver is not installed'],
+  ['core_connections_connection_temporary', 'Temporary connection'],
 ];
diff --git a/webapp/packages/core-connections/src/locales/ru.ts b/webapp/packages/core-connections/src/locales/ru.ts
@@ -106,4 +106,5 @@ export default [
   ['core_connections_settings_disable_description', 'Отключить возможность создания новых подключений'],
   ['connections_templates_deprecated_message', 'Шаблоны подключений больше не поддерживаются и будут удалены в будущих релизах'],
   ['core_connections_connection_driver_not_installed', 'Драйвер не установлен'],
+  ['core_connections_connection_temporary', 'Временное подключение'],
 ];
diff --git a/webapp/packages/core-connections/src/locales/zh.ts b/webapp/packages/core-connections/src/locales/zh.ts
@@ -95,4 +95,5 @@ export default [
   ['core_connections_settings_disable_description', 'Disable the ability to create new connections'],
   ['connections_templates_deprecated_message', 'Template connections are deprecated and will be removed in future releases'],
   ['core_connections_connection_driver_not_installed', 'Driver is not installed'],
+  ['core_connections_connection_temporary', 'Temporary connection'],
 ];
diff --git a/webapp/packages/core-localization/src/locales/en.ts b/webapp/packages/core-localization/src/locales/en.ts
@@ -1,6 +1,6 @@
 /*
  * CloudBeaver - Cloud Database Manager
- * Copyright (C) 2020-2024 DBeaver Corp and others
+ * Copyright (C) 2020-2025 DBeaver Corp and others
  *
  * Licensed under the Apache License, Version 2.0.
  * you may not use this file except in compliance with the License.
@@ -142,6 +142,7 @@ export default [
   ['ui_catalog', 'Catalog'],
   ['ui_schema', 'Schema'],
   ['ui_project', 'Project'],
+  ['ui_type', 'Type'],
 
   ['root_permission_denied', "You don't have permissions"],
   ['root_permission_no_permission', "You don't have permission for this action"],
diff --git a/webapp/packages/core-localization/src/locales/fr.ts b/webapp/packages/core-localization/src/locales/fr.ts
@@ -1,6 +1,6 @@
 /*
  * CloudBeaver - Cloud Database Manager
- * Copyright (C) 2020-2024 DBeaver Corp and others
+ * Copyright (C) 2020-2025 DBeaver Corp and others
  *
  * Licensed under the Apache License, Version 2.0.
  * you may not use this file except in compliance with the License.
@@ -136,6 +136,7 @@ export default [
   ['ui_catalog', 'Catalog'],
   ['ui_schema', 'Schema'],
   ['ui_project', 'Project'],
+  ['ui_type', 'Type'],
 
   ['root_permission_denied', "Vous n'avez pas les permissions"],
   ['root_permission_no_permission', "Vous n'avez pas la permission pour cette action"],
diff --git a/webapp/packages/core-localization/src/locales/it.ts b/webapp/packages/core-localization/src/locales/it.ts
@@ -1,6 +1,6 @@
 /*
  * CloudBeaver - Cloud Database Manager
- * Copyright (C) 2020-2024 DBeaver Corp and others
+ * Copyright (C) 2020-2025 DBeaver Corp and others
  *
  * Licensed under the Apache License, Version 2.0.
  * you may not use this file except in compliance with the License.
@@ -132,6 +132,7 @@ export default [
   ['ui_catalog', 'Catalog'],
   ['ui_schema', 'Schema'],
   ['ui_project', 'Project'],
+  ['ui_type', 'Type'],
 
   ['root_permission_denied', 'Non hai i permessi'],
   ['app_root_session_expire_warning_title', 'La sessione sta per scadere'],
diff --git a/webapp/packages/core-localization/src/locales/ru.ts b/webapp/packages/core-localization/src/locales/ru.ts
@@ -1,6 +1,6 @@
 /*
  * CloudBeaver - Cloud Database Manager
- * Copyright (C) 2020-2024 DBeaver Corp and others
+ * Copyright (C) 2020-2025 DBeaver Corp and others
  *
  * Licensed under the Apache License, Version 2.0.
  * you may not use this file except in compliance with the License.
@@ -138,6 +138,7 @@ export default [
   ['ui_catalog', 'Каталог'],
   ['ui_schema', 'Схема'],
   ['ui_project', 'Проект'],
+  ['ui_type', 'Тип'],
 
   ['root_permission_denied', 'Отказано в доступе'],
   ['root_permission_no_permission', 'У вас нет разрешения на это действие'],
diff --git a/webapp/packages/core-localization/src/locales/zh.ts b/webapp/packages/core-localization/src/locales/zh.ts
@@ -1,6 +1,6 @@
 /*
  * CloudBeaver - Cloud Database Manager
- * Copyright (C) 2020-2024 DBeaver Corp and others
+ * Copyright (C) 2020-2025 DBeaver Corp and others
  *
  * Licensed under the Apache License, Version 2.0.
  * you may not use this file except in compliance with the License.
@@ -138,6 +138,7 @@ export default [
   ['ui_catalog', 'Catalog'],
   ['ui_schema', 'Schema'],
   ['ui_project', 'Project'],
+  ['ui_type', 'Type'],
 
   ['root_permission_denied', '您没有权限'],
   ['root_permission_no_permission', '您没有权限执行此操作'],
diff --git a/webapp/packages/plugin-navigation-tree/src/NavigationTree/ConnectionsRenderer/ConnectionNavNodeControl.tsx b/webapp/packages/plugin-navigation-tree/src/NavigationTree/ConnectionsRenderer/ConnectionNavNodeControl.tsx
@@ -1,6 +1,6 @@
 /*
  * CloudBeaver - Cloud Database Manager
- * Copyright (C) 2020-2024 DBeaver Corp and others
+ * Copyright (C) 2020-2025 DBeaver Corp and others
  *
  * Licensed under the Apache License, Version 2.0.
  * you may not use this file except in compliance with the License.
@@ -19,6 +19,7 @@ import {
   TreeNodeName,
   useContextMenuPosition,
   useS,
+  useTranslate,
 } from '@cloudbeaver/core-blocks';
 import { useService } from '@cloudbeaver/core-di';
 import { EventContext, EventStopPropagationFlag } from '@cloudbeaver/core-events';
@@ -32,6 +33,7 @@ import { TreeNodeMenuLoader } from '../ElementsTree/NavigationTreeNode/TreeNodeM
 export const ConnectionNavNodeControl: NavTreeControlComponent = observer<NavTreeControlProps, HTMLDivElement>(
   forwardRef(function ConnectionNavNodeControl({ node, nodeInfo, dndElement, dndPlaceholder, className, onClick }, ref) {
     const styles = useS(style);
+    const translate = useTranslate();
     const contextMenuPosition = useContextMenuPosition();
     const treeNodeContext = useContext(TreeNodeContext);
     const navNodeInfoResource = useService(NavNodeInfoResource);
@@ -45,6 +47,8 @@ export const ConnectionNavNodeControl: NavTreeControlComponent = observer<NavTre
     const name = nodeInfo.name;
     const title = nodeInfo.name;
 
+    let tooltip = `${translate('ui_name')}: ${title}`;
+
     if (error) {
       icon = '/icons/error_icon_sm.svg';
     }
@@ -61,6 +65,10 @@ export const ConnectionNavNodeControl: NavTreeControlComponent = observer<NavTre
 
     const temporary = node.objectFeatures.includes(EObjectFeature.dataSourceTemporary);
 
+    if (temporary) {
+      tooltip += `\n${translate('ui_type')}: ${translate('core_connections_connection_temporary')}`;
+    }
+
     return (
       <TreeNodeControl
         ref={ref}
@@ -72,7 +80,7 @@ export const ConnectionNavNodeControl: NavTreeControlComponent = observer<NavTre
         <TreeNodeIcon>
           <ConnectionImageWithMask icon={icon} connected={connected} maskId="tree-node-icon" />
         </TreeNodeIcon>
-        <TreeNodeName title={title} className={s(styles, { treeNodeName: true, temporary })}>
+        <TreeNodeName title={tooltip} className={s(styles, { treeNodeName: true, temporary })}>
           <Loader suspense inline fullSize>
             <div className={s(styles, { nameBox: true })}>{name}</div>
           </Loader>
