fix: fix copy schema action (#483)

Author: artemmufazalov

package-lock.json

@@ -17,6 +17,7 @@
     "@gravity-ui/react-data-table": "^1.0.3",
     "axios": "0.19.2",
     "bem-cn-lite": "4.0.0",
+    "copy-to-clipboard": "^3.3.3",
     "history": "4.10.1",
     "js-cookie": "2.2.1",
     "keymaster": "1.6.2",

package.json

@@ -4,5 +4,8 @@
 
   "summary.navigation": "Navigation",
   "summary.showPreview": "Show preview",
-  "summary.copySchemaPath": "Copy schema path"
+  "summary.copySchemaPath": "Copy schema path",
+
+  "actions.copied" : "The path is copied to the clipboard",
+  "actions.notCopied" : "Couldn’t copy the path"
 }

src/containers/Tenant/i18n/en.json

@@ -4,5 +4,8 @@
 
   "summary.navigation": "Навигация",
   "summary.showPreview": "Показать превью",
-  "summary.copySchemaPath": "Скопировать путь"
+  "summary.copySchemaPath": "Скопировать путь",
+
+  "actions.copied": "Путь успешно скопирован",
+  "actions.notCopied": "Не получилось скопировать путь"
 }

src/containers/Tenant/i18n/ru.json

@@ -1,4 +1,6 @@
 import {Dispatch} from 'react';
+import copy from 'copy-to-clipboard';
+
 import type {NavigationTreeNodeType, NavigationTreeProps} from 'ydb-ui-components';
 
 import {changeUserInput} from '../../../store/reducers/executeQuery';
@@ -7,6 +9,8 @@ import {setQueryTab, setTenantPage} from '../../../store/reducers/tenant/tenant'
 import {TENANT_QUERY_TABS_ID, TENANT_PAGES_IDS} from '../../../store/reducers/tenant/constants';
 import createToast from '../../../utils/createToast';
 
+import i18n from '../i18n';
+
 const createTableTemplate = (path: string) => {
     return `CREATE TABLE \`${path}/my_table\`
 (
@@ -48,22 +52,20 @@ const bindActions = (
         selectQuery: inputQuery(selectQueryTemplate),
         upsertQuery: inputQuery(upsertQueryTemplate),
         copyPath: () => {
-            navigator.clipboard
-                .writeText(path)
-                .then(() => {
-                    createToast({
-                        name: 'Copied',
-                        title: 'The path is copied to the clipboard',
-                        type: 'success',
-                    });
-                })
-                .catch(() => {
-                    createToast({
-                        name: 'Not copied',
-                        title: 'Couldn’t copy the path',
-                        type: 'error',
-                    });
+            try {
+                copy(path);
+                createToast({
+                    name: 'Copied',
+                    title: i18n('actions.copied'),
+                    type: 'success',
+                });
+            } catch {
+                createToast({
+                    name: 'Not copied',
+                    title: i18n('actions.notCopied'),
+                    type: 'error',
                 });
+            }
         },
         openPreview: () => {
             dispatch(setShowPreview(true));