fix: copy tooltip

Author: astandrik

src/containers/Tenant/Diagnostics/TopQueries/QueryDetails.tsx

@@ -1,5 +1,7 @@
+import React from 'react';
+
 import {Code, Link, Xmark} from '@gravity-ui/icons';
-import {Button, Icon} from '@gravity-ui/uikit';
+import {ActionTooltip, Button, Icon} from '@gravity-ui/uikit';
 
 import EnableFullscreenButton from '../../../../components/EnableFullscreenButton/EnableFullscreenButton';
 import Fullscreen from '../../../../components/Fullscreen/Fullscreen';
@@ -29,15 +31,22 @@ export const QueryDetails = ({
     onOpenInEditor,
     onCopyLink,
 }: QueryDetailsProps) => {
+    const [isTooltipOpen, setIsTooltipOpen] = React.useState(false);
+
     // Function to copy current URL to clipboard
     const copyLinkToClipboard = (e: React.MouseEvent) => {
         e.stopPropagation();
 
+        setIsTooltipOpen(true);
         // If onCopyLink is provided, call it to generate and copy a shareable URL
         // The actual copy to clipboard is handled in the parent component
         if (onCopyLink) {
             onCopyLink();
         }
+
+        setTimeout(() => {
+            setIsTooltipOpen(false);
+        }, 1000);
     };
 
     return (
@@ -46,13 +55,19 @@ export const QueryDetails = ({
                 <div className={b('title')}>Query</div>
                 <div className={b('actions')}>
                     {onCopyLink && (
-                        <Button
-                            view="flat-secondary"
-                            onClick={copyLinkToClipboard}
-                            title={i18n('query-details.copy-link')}
+                        <ActionTooltip
+                            disabled={!isTooltipOpen}
+                            closeDelay={1000}
+                            title={i18n('query-details.link-copied')}
                         >
-                            <Icon data={Link} size={16} />
-                        </Button>
+                            <Button
+                                view="flat-secondary"
+                                onClick={copyLinkToClipboard}
+                                title={i18n('query-details.copy-link')}
+                            >
+                                <Icon data={Link} size={16} />
+                            </Button>
+                        </ActionTooltip>
                     )}
                     <EnableFullscreenButton />
                     <Button view="flat-secondary" onClick={onClose}>

src/containers/Tenant/Diagnostics/TopQueries/i18n/en.json

@@ -13,5 +13,6 @@
   "query-details.not-found.description": "This query no longer exists",
   "query-not-found": "Query Not Found",
   "query-not-found.description": "The selected query is no longer available in the current dataset",
-  "query-details.copy-link": "Copy link to query"
+  "query-details.copy-link": "Copy link to query",
+  "query-details.link-copied": "Copied to clipboard"
 }