diff --git a/packages/app/.env.development b/packages/app/.env.development index f48409e7..0c63da39 100644 --- a/packages/app/.env.development +++ b/packages/app/.env.development @@ -7,5 +7,4 @@ OTEL_EXPORTER_OTLP_ENDPOINT="http://localhost:4318" OTEL_SERVICE_NAME="hdx-oss-dev-app" PORT=${HYPERDX_APP_PORT} NODE_OPTIONS="--max-http-header-size=131072" -NEXT_PUBLIC_HYPERDX_BASE_PATH= -NEXT_PUBLIC_IS_SQL_CHARTS_ENABLED=true \ No newline at end of file +NEXT_PUBLIC_HYPERDX_BASE_PATH= \ No newline at end of file diff --git a/packages/app/src/components/ChartEditor/RawSqlChartEditor.tsx b/packages/app/src/components/ChartEditor/RawSqlChartEditor.tsx index 2a398731..8165ed71 100644 --- a/packages/app/src/components/ChartEditor/RawSqlChartEditor.tsx +++ b/packages/app/src/components/ChartEditor/RawSqlChartEditor.tsx @@ -1,4 +1,5 @@ import { useEffect } from 'react'; +import { atom, useAtom } from 'jotai'; import { Control, UseFormSetValue, useWatch } from 'react-hook-form'; import { QUERY_PARAMS_BY_DISPLAY_TYPE } from '@hyperdx/common-utils/dist/rawSqlParams'; import { DisplayType } from '@hyperdx/common-utils/dist/types'; @@ -15,7 +16,7 @@ import { Text, Tooltip, } from '@mantine/core'; -import { useClipboard, useDisclosure } from '@mantine/hooks'; +import { useClipboard } from '@mantine/hooks'; import { IconCheck, IconChevronDown, @@ -63,8 +64,11 @@ function ParamSnippet({ ); } +const helpOpenedAtom = atom(true); + function AvailableParameters({ displayType }: { displayType: DisplayType }) { - const [helpOpened, { toggle: toggleHelp }] = useDisclosure(false); + const [helpOpened, setHelpOpened] = useAtom(helpOpenedAtom); + const toggleHelp = () => setHelpOpened(v => !v); const availableParams = QUERY_PARAMS_BY_DISPLAY_TYPE[displayType]; return ( diff --git a/packages/app/src/components/DBEditTimeChartForm.tsx b/packages/app/src/components/DBEditTimeChartForm.tsx index c040ef06..bd5bd920 100644 --- a/packages/app/src/components/DBEditTimeChartForm.tsx +++ b/packages/app/src/components/DBEditTimeChartForm.tsx @@ -88,7 +88,7 @@ import SearchWhereInput, { } from '@/components/SearchInput/SearchWhereInput'; import { SQLInlineEditorControlled } from '@/components/SearchInput/SQLInlineEditor'; import { TimePicker } from '@/components/TimePicker'; -import { IS_LOCAL_MODE, IS_SQL_CHARTS_ENABLED } from '@/config'; +import { IS_LOCAL_MODE } from '@/config'; import { GranularityPickerControlled } from '@/GranularityPicker'; import { useFetchMetricMetadata } from '@/hooks/useFetchMetricMetadata'; import { @@ -1099,7 +1099,7 @@ export default function EditTimeChartForm({ placeholder="My Chart Name" data-testid="chart-name-input" /> - {IS_SQL_CHARTS_ENABLED && displayType === DisplayType.Table && ( + {displayType === DisplayType.Table && (