diff --git a/src/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.tsx b/src/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.tsx index a34fe13a8..0deade6db 100644 --- a/src/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.tsx +++ b/src/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import {Dialog, Link as ExternalLink, Flex, TextInput} from '@gravity-ui/uikit'; +import {Dialog, Link as ExternalLink, Flex, TextInput, Tooltip} from '@gravity-ui/uikit'; import {zodResolver} from '@hookform/resolvers/zod'; import {Controller, useForm} from 'react-hook-form'; @@ -11,8 +11,10 @@ import { } from '../../../../store/reducers/queryActions/queryActions'; import type {QuerySettings} from '../../../../types/store/query'; import {cn} from '../../../../utils/cn'; +import {USE_SHOW_PLAN_SVG_KEY} from '../../../../utils/constants'; import { useQueryExecutionSettings, + useSetting, useTypedDispatch, useTypedSelector, } from '../../../../utils/hooks'; @@ -77,6 +79,7 @@ function QuerySettingsForm({initialValues, onSubmit, onClose}: QuerySettingsForm resolver: zodResolver(querySettingsValidationSchema), }); + const [useShowPlanToSvg] = useSetting(USE_SHOW_PLAN_SVG_KEY); const enableTracingLevel = useTracingLevelOptionAvailable(); return ( @@ -178,22 +181,29 @@ function QuerySettingsForm({initialValues, onSubmit, onClose}: QuerySettingsForm -
- ( - - )} - /> -
+ +
+ ( + + )} + /> +
+