fix: rename

Author: astandrik

src/components/TruncatedQuery/TruncatedQuery.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import {cn} from '../../utils/cn';
 import {CellWithPopover} from '../CellWithPopover/CellWithPopover';
-import {SqlHighlighter} from '../SqlHighlighter/SqlHighlighter';
+import {YqlHighlighter} from '../YqlHighlighter/YqlHighlighter';
 
 import './TruncatedQuery.scss';
 
@@ -23,12 +23,12 @@ export const TruncatedQuery = ({value = '', maxQueryHeight = 6}: TruncatedQueryP
             '\n...\nThe request was truncated. Click on the line to show the full query on the query tab';
         return (
             <React.Fragment>
-                <SqlHighlighter className={b()}>{content}</SqlHighlighter>
+                <YqlHighlighter className={b()}>{content}</YqlHighlighter>
                 <span className={b('message', {color: 'secondary'})}>{message}</span>
             </React.Fragment>
         );
     }
-    return <SqlHighlighter>{value}</SqlHighlighter>;
+    return <YqlHighlighter>{value}</YqlHighlighter>;
 };
 
 interface OneLineQueryWithPopoverProps {
@@ -39,9 +39,9 @@ export const OneLineQueryWithPopover = ({value = ''}: OneLineQueryWithPopoverPro
     return (
         <CellWithPopover
             contentClassName={b('popover-content')}
-            content={<SqlHighlighter>{value}</SqlHighlighter>}
+            content={<YqlHighlighter>{value}</YqlHighlighter>}
         >
-            <SqlHighlighter>{value}</SqlHighlighter>
+            <YqlHighlighter>{value}</YqlHighlighter>
         </CellWithPopover>
     );
 };

src/components/SqlHighlighter/SqlHighlighter.scss renamed to src/components/YqlHighlighter/YqlHighlighter.scss

@@ -1,4 +1,4 @@
-.sql-highlighter {
+.yql-highlighter {
     code {
         white-space: pre-wrap !important;
 

src/components/SqlHighlighter/SqlHighlighter.tsx renamed to src/components/YqlHighlighter/YqlHighlighter.tsx

@@ -5,18 +5,18 @@ import {cn} from '../../utils/cn';
 
 import {dark, light, yql} from './yql';
 
-import './SqlHighlighter.scss';
+import './YqlHighlighter.scss';
 
 SyntaxHighlighter.registerLanguage('yql', yql);
 
-const b = cn('sql-highlighter');
+const b = cn('yql-highlighter');
 
-interface SqlHighlighterProps {
+interface YqlHighlighterProps {
     children: string;
     className?: string;
 }
 
-export const SqlHighlighter = ({children, className}: SqlHighlighterProps) => {
+export const YqlHighlighter = ({children, className}: YqlHighlighterProps) => {
     const themeValue = useThemeValue();
     const isDark = themeValue === 'dark' || themeValue === 'dark-hc';
 

src/components/SqlHighlighter/yql.ts renamed to src/components/YqlHighlighter/yql.ts

@@ -1,7 +1,7 @@
 import type {DefinitionListItem} from '@gravity-ui/components';
 
-import {SqlHighlighter} from '../../../../components/SqlHighlighter/SqlHighlighter';
 import {YDBDefinitionList} from '../../../../components/YDBDefinitionList/YDBDefinitionList';
+import {YqlHighlighter} from '../../../../components/YqlHighlighter/YqlHighlighter';
 import type {TEvDescribeSchemeResult} from '../../../../types/api/schema';
 import {getEntityName} from '../../utils';
 import i18n from '../i18n';
@@ -13,7 +13,7 @@ const prepareViewItems = (data: TEvDescribeSchemeResult): DefinitionListItem[] =
         {
             name: i18n('view.query-text'),
             copyText: queryText,
-            content: queryText ? <SqlHighlighter>{queryText}</SqlHighlighter> : null,
+            content: queryText ? <YqlHighlighter>{queryText}</YqlHighlighter> : null,
         },
     ];
 };