diff --git a/apps/web/src/components/ui/layouts/AppSplitter/AppSplitter.tsx b/apps/web/src/components/ui/layouts/AppSplitter/AppSplitter.tsx index d2a84cb71..19da71164 100644 --- a/apps/web/src/components/ui/layouts/AppSplitter/AppSplitter.tsx +++ b/apps/web/src/components/ui/layouts/AppSplitter/AppSplitter.tsx @@ -304,7 +304,7 @@ const AppSplitterBase = forwardRef< const refWidth = containerRef.current?.offsetWidth; // Don't bust storage if container hasn't been sized yet if (!refWidth || refWidth === 0) { - console.warn('AppSplitter: container not sized yet'); + // console.warn('AppSplitter: container not sized yet'); return false; } diff --git a/apps/web/src/controllers/MetricController/MetricViewChart/MetricDataTruncatedWarning.tsx b/apps/web/src/controllers/MetricController/MetricViewChart/MetricDataTruncatedWarning.tsx new file mode 100644 index 000000000..c22d714c1 --- /dev/null +++ b/apps/web/src/controllers/MetricController/MetricViewChart/MetricDataTruncatedWarning.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import { Text } from '@/components/ui/typography'; +import { cn } from '@/lib/classMerge'; + +interface MetricDataTruncatedWarningProps { + className?: string; +} + +export const MetricDataTruncatedWarning: React.FC = ({ + className +}) => { + return ( +
+ This request returned more than 5,000 records + + If you need more than that, please contact your data admin. + +
+ ); +}; diff --git a/apps/web/src/controllers/MetricController/MetricViewChart/MetricViewChart.tsx b/apps/web/src/controllers/MetricController/MetricViewChart/MetricViewChart.tsx index 63769f5ab..a18d94b43 100644 --- a/apps/web/src/controllers/MetricController/MetricViewChart/MetricViewChart.tsx +++ b/apps/web/src/controllers/MetricController/MetricViewChart/MetricViewChart.tsx @@ -10,6 +10,7 @@ import { useMemoizedFn } from '@/hooks'; import { cn } from '@/lib/classMerge'; import { inputHasText } from '@/lib/text'; import { MetricChartEvaluation } from './MetricChartEvaluation'; +import { MetricDataTruncatedWarning } from './MetricDataTruncatedWarning'; import { MetricSaveFilePopup } from './MetricSaveFilePopup'; import { MetricViewChartContent } from './MetricViewChartContent'; import { MetricViewChartHeader } from './MetricViewChartHeader'; @@ -78,31 +79,35 @@ export const MetricViewChart: React.FC<{ return (
- - -
- - +
+ + +
+ + + + {!!metricData?.has_more_records && } +