chore: disable low accuracy tooltips if sample rate is 100 (#89202)

Author: shruthilayaj

static/app/views/explore/charts/confidenceFooter.tsx

@@ -8,6 +8,7 @@ import {defined} from 'sentry/utils';
 
 type Props = {
   confidence?: Confidence;
+  isSampled?: boolean | null;
   sampleCount?: number;
   topEvents?: number;
 };
@@ -16,14 +17,16 @@ export function ConfidenceFooter(props: Props) {
   return <Container>{confidenceMessage(props)}</Container>;
 }
 
-function confidenceMessage({sampleCount, confidence, topEvents}: Props) {
+function confidenceMessage({sampleCount, confidence, topEvents, isSampled}: Props) {
   const isTopN = defined(topEvents) && topEvents > 0;
   if (!defined(sampleCount)) {
     return isTopN
       ? t('* Chart for top %s groups extrapolated from \u2026', topEvents)
       : t('* Chart extrapolated from \u2026');
   }
 
+  const noSampling = defined(isSampled) && !isSampled;
+
   const lowAccuracySampleCount = (
     <Tooltip
       title={
@@ -41,6 +44,7 @@ function confidenceMessage({sampleCount, confidence, topEvents}: Props) {
           )}
         </div>
       }
+      disabled={noSampling}
       maxWidth={270}
     >
       <InsufficientSamples>

static/app/views/explore/charts/index.tsx

@@ -144,7 +144,10 @@ export function ExploreCharts({
 
       const {data, error, loading} = getSeries(dedupedYAxes, formattedYAxes);
 
-      const {sampleCount} = determineSeriesSampleCountAndIsSampled(data, isTopN);
+      const {sampleCount, isSampled} = determineSeriesSampleCountAndIsSampled(
+        data,
+        isTopN
+      );
 
       return {
         chartIcon: <IconGraph type={chartIcon} />,
@@ -157,6 +160,7 @@ export function ExploreCharts({
         loading,
         confidence: confidences[index],
         sampleCount,
+        isSampled,
       };
     });
   }, [confidences, getSeries, visualizes, isTopN]);
@@ -307,6 +311,7 @@ export function ExploreCharts({
                 dataset === DiscoverDatasets.SPANS_EAP_RPC && (
                   <ConfidenceFooter
                     sampleCount={chartInfo.sampleCount}
+                    isSampled={chartInfo.isSampled}
                     confidence={chartInfo.confidence}
                     topEvents={
                       topEvents ? Math.min(topEvents, chartInfo.data.length) : undefined

static/app/views/explore/multiQueryMode/queryVisualizations/chart.tsx

@@ -133,7 +133,7 @@ export function MultiQueryModeChart({
   ]);
 
   const {data, error, loading} = getSeries();
-  const {sampleCount} = determineSeriesSampleCountAndIsSampled(data, isTopN);
+  const {sampleCount, isSampled} = determineSeriesSampleCountAndIsSampled(data, isTopN);
 
   const visualizationType =
     queryParts.chartType === ChartType.LINE
@@ -327,6 +327,7 @@ export function MultiQueryModeChart({
         <ConfidenceFooter
           sampleCount={sampleCount}
           confidence={confidence}
+          isSampled={isSampled}
           topEvents={isTopN ? numSeries : undefined}
         />
       }