fix: only used props, move component

Author: astandrik

src/containers/Tenant/Diagnostics/TopQueries/CopyLinkButton.tsx renamed to src/containers/Tenant/Diagnostics/TopQueries/QueryDetails/CopyLinkButton.tsx

@@ -1,39 +1,27 @@
 import React from 'react';
 
 import {Link} from '@gravity-ui/icons';
-import type {ButtonProps, CopyToClipboardProps, CopyToClipboardStatus} from '@gravity-ui/uikit';
+import type {ButtonProps, CopyToClipboardStatus} from '@gravity-ui/uikit';
 import {ActionTooltip, Button, CopyToClipboard, Icon} from '@gravity-ui/uikit';
 
-import {cn} from '../../../../utils/cn';
-
-import i18n from './i18n';
+import {cn} from '../../../../../utils/cn';
+import i18n from '../i18n';
 
 import './QueryDetails.scss';
 
 const b = cn('kv-query-details');
 
-export interface ClipboardButtonProps
-    extends Omit<CopyToClipboardProps, 'children'>,
-        Omit<ClipboardButtonComponentProps, 'status' | 'closeDelay' | 'onClick'> {}
-
-interface ClipboardButtonComponentProps
-    extends Omit<ButtonProps, 'href' | 'component' | 'target' | 'rel' | 'loading'> {
-    status: CopyToClipboardStatus;
-    closeDelay: number | undefined;
-    /** Disable tooltip. Tooltip won't be shown */
+interface LinkButtonComponentProps extends ButtonProps {
+    size?: ButtonProps['size'];
     hasTooltip?: boolean;
-    /** Text shown before copy */
-    tooltipInitialText?: string;
-    /** Text shown after copy */
-    tooltipSuccessText?: string;
-    /** Position of clipboard icon */
-    iconPosition?: 'start' | 'end';
+    status: CopyToClipboardStatus;
+    closeDelay?: number;
 }
 
 const DEFAULT_TIMEOUT = 1200;
 const TOOLTIP_ANIMATION = 200;
 
-const LinkButtonComponent = (props: ClipboardButtonComponentProps) => {
+const LinkButtonComponent = (props: LinkButtonComponentProps) => {
     const {size = 'm', hasTooltip = true, status, closeDelay, ...rest} = props;
 
     return (
@@ -55,7 +43,11 @@ const LinkButtonComponent = (props: ClipboardButtonComponentProps) => {
     );
 };
 
-export function CopyLinkButton(props: ClipboardButtonProps) {
+export interface CopyLinkButtonProps extends ButtonProps {
+    text: string;
+}
+
+export function CopyLinkButton(props: CopyLinkButtonProps) {
     const {text, ...buttonProps} = props;
 
     const timerIdRef = React.useRef<number>();

src/containers/Tenant/Diagnostics/TopQueries/QueryDetails.scss renamed to src/containers/Tenant/Diagnostics/TopQueries/QueryDetails/QueryDetails.scss

@@ -1,4 +1,4 @@
-@import '../../../../styles/mixins.scss';
+@import '../../../../../styles/mixins.scss';
 
 .kv-query-details {
     display: flex;

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

@@ -3,14 +3,14 @@ import React from 'react';
 import {Code, Xmark} from '@gravity-ui/icons';
 import {Button, Icon} from '@gravity-ui/uikit';
 
-import Fullscreen from '../../../../components/Fullscreen/Fullscreen';
-import type {InfoViewerItem} from '../../../../components/InfoViewer';
-import {InfoViewer} from '../../../../components/InfoViewer';
-import {YDBSyntaxHighlighter} from '../../../../components/SyntaxHighlighter/YDBSyntaxHighlighter';
-import {cn} from '../../../../utils/cn';
+import Fullscreen from '../../../../../components/Fullscreen/Fullscreen';
+import type {InfoViewerItem} from '../../../../../components/InfoViewer';
+import {InfoViewer} from '../../../../../components/InfoViewer';
+import {YDBSyntaxHighlighter} from '../../../../../components/SyntaxHighlighter/YDBSyntaxHighlighter';
+import {cn} from '../../../../../utils/cn';
+import i18n from '../i18n';
 
 import {CopyLinkButton} from './CopyLinkButton';
-import i18n from './i18n';
 
 import './QueryDetails.scss';
 

src/containers/Tenant/Diagnostics/TopQueries/QueryDetailsDrawerContent.tsx renamed to src/containers/Tenant/Diagnostics/TopQueries/QueryDetails/QueryDetailsDrawerContent.tsx

@@ -3,23 +3,23 @@ import React from 'react';
 import {Button, Icon, Text} from '@gravity-ui/uikit';
 import {useHistory, useLocation} from 'react-router-dom';
 
-import {parseQuery} from '../../../../routes';
-import {changeUserInput, setIsDirty} from '../../../../store/reducers/query/query';
+import {parseQuery} from '../../../../../routes';
+import {changeUserInput, setIsDirty} from '../../../../../store/reducers/query/query';
 import {
     TENANT_PAGE,
     TENANT_PAGES_IDS,
     TENANT_QUERY_TABS_ID,
-} from '../../../../store/reducers/tenant/constants';
-import type {KeyValueRow} from '../../../../types/api/query';
-import {cn} from '../../../../utils/cn';
-import {useTypedDispatch} from '../../../../utils/hooks';
-import {TenantTabsGroups, getTenantPath} from '../../TenantPages';
+} from '../../../../../store/reducers/tenant/constants';
+import type {KeyValueRow} from '../../../../../types/api/query';
+import {cn} from '../../../../../utils/cn';
+import {useTypedDispatch} from '../../../../../utils/hooks';
+import {TenantTabsGroups, getTenantPath} from '../../../TenantPages';
+import i18n from '../i18n';
+import {createQueryInfoItems} from '../utils';
 
 import {QueryDetails} from './QueryDetails';
-import i18n from './i18n';
-import {createQueryInfoItems} from './utils';
 
-import CryCatIcon from '../../../../assets/icons/cry-cat.svg';
+import CryCatIcon from '../../../../../assets/icons/cry-cat.svg';
 
 const b = cn('kv-top-queries');
 

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

@@ -15,7 +15,7 @@ import {useSelectedColumns} from '../../../../utils/hooks/useSelectedColumns';
 import {parseQueryErrorToString} from '../../../../utils/query';
 import {Drawer} from '../../../Drawer/Drawer';
 
-import {QueryDetailsDrawerContent} from './QueryDetailsDrawerContent';
+import {QueryDetailsDrawerContent} from './QueryDetails/QueryDetailsDrawerContent';
 import {getRunningQueriesColumns} from './columns/columns';
 import {
     DEFAULT_RUNNING_QUERIES_COLUMNS,

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

@@ -19,7 +19,7 @@ import {useSelectedColumns} from '../../../../utils/hooks/useSelectedColumns';
 import {parseQueryErrorToString} from '../../../../utils/query';
 import {Drawer} from '../../../Drawer/Drawer';
 
-import {QueryDetailsDrawerContent} from './QueryDetailsDrawerContent';
+import {QueryDetailsDrawerContent} from './QueryDetails/QueryDetailsDrawerContent';
 import {getTopQueriesColumns} from './columns/columns';
 import {
     DEFAULT_TOP_QUERIES_COLUMNS,