fix(tracemetrics): Wait for datascanned (#103993)

### Summary
This will not fire an analytics unless datascanned is provided.

Author: k-fish

static/app/views/explore/hooks/useAnalytics.tsx

@@ -713,7 +713,10 @@ export function useMetricsPanelAnalytics({
   const organization = useOrganization();
 
   const dataset = DiscoverDatasets.METRICS;
-  const dataScanned = metricSamplesTableResult.result.meta?.dataScanned ?? '';
+  const dataScanned =
+    mode === Mode.AGGREGATE
+      ? (metricAggregatesTableResult.result.meta?.dataScanned ?? '')
+      : (metricSamplesTableResult.result.meta?.dataScanned ?? '');
   const search = useQueryParamsSearch();
   const query = useQueryParamsQuery();
   const fields = useQueryParamsFields();
@@ -740,7 +743,11 @@ export function useMetricsPanelAnalytics({
       return;
     }
 
-    if (metricSamplesTableResult.result.isFetching || metricTimeseriesResult.isPending) {
+    if (
+      metricSamplesTableResult.result.isFetching ||
+      metricTimeseriesResult.isPending ||
+      !dataScanned
+    ) {
       return;
     }
 
@@ -810,7 +817,8 @@ export function useMetricsPanelAnalytics({
 
     if (
       metricAggregatesTableResult.result.isPending ||
-      metricTimeseriesResult.isPending
+      metricTimeseriesResult.isPending ||
+      !dataScanned
     ) {
       return;
     }

static/app/views/explore/metrics/metricsTab.spec.tsx

@@ -10,9 +10,12 @@ import {
 } from 'sentry-test/reactTestingLibrary';
 
 import type {DatePageFilterProps} from 'sentry/components/organizations/datePageFilter';
+import {trackAnalytics} from 'sentry/utils/analytics';
 import {MetricsTabContent} from 'sentry/views/explore/metrics/metricsTab';
 import {MultiMetricsQueryParamsProvider} from 'sentry/views/explore/metrics/multiMetricsQueryParams';
 
+jest.mock('sentry/utils/analytics');
+
 const datePageFilterProps: DatePageFilterProps = {
   defaultPeriod: '7d' as const,
   maxPickableDays: 7,
@@ -217,4 +220,35 @@ describe('MetricsTabContent', () => {
     expect(within(toolbars[2]!).getByRole('button', {name: 'foo'})).toBeInTheDocument();
     expect(screen.getAllByTestId('metric-panel')).toHaveLength(3);
   });
+
+  it('should fire analytics for metadata', async () => {
+    render(
+      <ProviderWrapper>
+        <MetricsTabContent datePageFilterProps={datePageFilterProps} />
+      </ProviderWrapper>,
+      {
+        initialRouterConfig,
+        organization,
+      }
+    );
+
+    const toolbars = screen.getAllByTestId('metric-toolbar');
+    expect(toolbars).toHaveLength(1);
+
+    await waitFor(() => {
+      expect(within(toolbars[0]!).getByRole('button', {name: 'bar'})).toBeInTheDocument();
+    });
+
+    await waitFor(() => {
+      expect(trackAnalytics).toHaveBeenCalledWith(
+        'metrics.explorer.metadata',
+        expect.objectContaining({
+          organization,
+          metric_queries_count: 1,
+        })
+      );
+    });
+
+    expect(trackAnalytics).toHaveBeenCalledTimes(1);
+  });
 });