refactor(Query): rename dir and results, separate utils (#433)

Author: artemmufazalov

src/containers/Tenant/ObjectGeneral/ObjectGeneral.tsx

@@ -7,7 +7,7 @@ import {useThemeValue} from '@gravity-ui/uikit';
 import type {EPathType} from '../../../types/api/schema';
 import {TENANT_GENERAL_TABS_IDS} from '../../../store/reducers/tenant/constants';
 
-import {Query} from '../QueryEditor/Query';
+import {Query} from '../Query/Query';
 import Diagnostics from '../Diagnostics/Diagnostics';
 
 import './ObjectGeneral.scss';

src/containers/Tenant/QueryEditor/QueryResult/QueryResult.js renamed to src/containers/Tenant/Query/ExecuteResult/ExecuteResult.js

@@ -20,9 +20,9 @@ import {PaneVisibilityToggleButtons} from '../../utils/paneVisibilityToggleHelpe
 import ResultIssues from '../Issues/Issues';
 import {QueryDuration} from '../QueryDuration/QueryDuration';
 
-import './QueryResult.scss';
+import './ExecuteResult.scss';
 
-const b = cn('kv-query-result');
+const b = cn('ydb-query-execute-result');
 
 const resultOptionsIds = {
     result: 'result',
@@ -34,7 +34,7 @@ const resultOptions = [
     {value: resultOptionsIds.stats, content: 'Stats'},
 ];
 
-function QueryResult(props) {
+export function ExecuteResult(props) {
     const [activeSection, setActiveSection] = useState(resultOptionsIds.result);
     const isFullscreen = useSelector((state) => state.fullscreen);
     const dispatch = useDispatch();
@@ -162,5 +162,3 @@ function QueryResult(props) {
         </React.Fragment>
     );
 }
-
-export default QueryResult;

src/containers/Tenant/QueryEditor/QueryResult/QueryResult.scss renamed to src/containers/Tenant/Query/ExecuteResult/ExecuteResult.scss

@@ -1,6 +1,6 @@
 @import '../../../../styles/mixins.scss';
 
-.kv-query-result {
+.ydb-query-execute-result {
     &__result {
         display: flex;
         overflow: auto;

src/containers/Tenant/QueryEditor/QueryExplain/QueryExplain.js renamed to src/containers/Tenant/Query/ExplainResult/ExplainResult.js

@@ -21,9 +21,9 @@ import {LANGUAGE_S_EXPRESSION_ID} from '../../../../utils/monaco';
 
 import {PaneVisibilityToggleButtons} from '../../utils/paneVisibilityToggleHelpers';
 
-import './QueryExplain.scss';
+import './ExplainResult.scss';
 
-const b = cn('kv-query-explain');
+const b = cn('ydb-query-explain-result');
 
 const EDITOR_OPTIONS = {
     automaticLayout: true,
@@ -90,7 +90,7 @@ function GraphRoot(props) {
     return <div id="graphRoot" style={{height: '100vh'}} />;
 }
 
-function QueryExplain(props) {
+export function ExplainResult(props) {
     const dispatch = useDispatch();
     const [activeOption, setActiveOption] = useState(ExplainOptionIds.schema);
 
@@ -287,5 +287,3 @@ function QueryExplain(props) {
         </React.Fragment>
     );
 }
-
-export default QueryExplain;

src/containers/Tenant/QueryEditor/QueryExplain/QueryExplain.scss renamed to src/containers/Tenant/Query/ExplainResult/ExplainResult.scss

@@ -1,6 +1,6 @@
 @import '../../../../styles/mixins.scss';
 
-.kv-query-explain {
+.ydb-query-explain-result {
     &__result {
         display: flex;
         overflow: auto;