update to accept and pass through props

Author: billyvg

static/app/views/insights/common/components/widgets/cacheMissRateChartWidget.tsx

@@ -2,13 +2,14 @@ import {MutableSearch} from 'sentry/utils/tokenizeSearch';
 import {Referrer} from 'sentry/views/insights/cache/referrers';
 import {BASE_FILTERS} from 'sentry/views/insights/cache/settings';
 import {InsightsLineChartWidget} from 'sentry/views/insights/common/components/insightsLineChartWidget';
+import type {LoadableChartWidgetProps} from 'sentry/views/insights/common/components/widgets/types';
 import {useSpanMetricsSeries} from 'sentry/views/insights/common/queries/useDiscoverSeries';
 import {DataTitles} from 'sentry/views/insights/common/views/spans/types';
 import {SpanFunction} from 'sentry/views/insights/types';
 
 const {CACHE_MISS_RATE} = SpanFunction;
 
-export default function CacheMissRateWidget() {
+export default function CacheMissRateWidget(props: LoadableChartWidgetProps) {
   const {
     isPending: isCacheMissRateLoading,
     data: cacheMissRateData,
@@ -19,10 +20,12 @@ export default function CacheMissRateWidget() {
       search: MutableSearch.fromQueryObject(BASE_FILTERS),
       transformAliasToInputFormat: true,
     },
-    Referrer.LANDING_CACHE_HIT_MISS_CHART
+    Referrer.LANDING_CACHE_HIT_MISS_CHART,
+    props.pageFilters
   );
   return (
     <InsightsLineChartWidget
+      {...props}
       id="cacheMissRateWidget"
       title={DataTitles[`cache_miss_rate()`]}
       series={[cacheMissRateData[`${CACHE_MISS_RATE}()`]]}

static/app/views/insights/common/components/widgets/cacheThroughputChartWidget.tsx

@@ -2,10 +2,11 @@ import {MutableSearch} from 'sentry/utils/tokenizeSearch';
 import {Referrer} from 'sentry/views/insights/cache/referrers';
 import {BASE_FILTERS} from 'sentry/views/insights/cache/settings';
 import {InsightsLineChartWidget} from 'sentry/views/insights/common/components/insightsLineChartWidget';
+import type {LoadableChartWidgetProps} from 'sentry/views/insights/common/components/widgets/types';
 import {useSpanMetricsSeries} from 'sentry/views/insights/common/queries/useDiscoverSeries';
 import {getThroughputChartTitle} from 'sentry/views/insights/common/views/spans/types';
 
-export default function CacheThroughputWidget() {
+export default function CacheThroughputChartWidget(props: LoadableChartWidgetProps) {
   const {
     isPending: isThroughputDataLoading,
     data: throughputData,
@@ -16,12 +17,14 @@ export default function CacheThroughputWidget() {
       yAxis: ['epm()'],
       transformAliasToInputFormat: true,
     },
-    Referrer.LANDING_CACHE_THROUGHPUT_CHART
+    Referrer.LANDING_CACHE_THROUGHPUT_CHART,
+    props.pageFilters
   );
 
   return (
     <InsightsLineChartWidget
-      id="cacheThroughputWidget"
+      {...props}
+      id="cacheThroughputChartWidget"
       title={getThroughputChartTitle('cache.get_item')}
       series={[throughputData['epm()']]}
       isLoading={isThroughputDataLoading}