fix(tracemetrics): Show metrics on trace view (#103064)

We changed the 'count' aggregate, so need to update it. Also we should
use timestamp when querying for now (and update trace-meta later).

Author: k-fish

static/app/views/performance/newTraceDetails/useInitialTraceMetricData.tsx

@@ -17,9 +17,11 @@ interface UseInitialTraceMetricDataProps {
   enabled?: boolean;
 }
 
+const COUNT_FIELD = `count(${TraceMetricKnownFieldKey.METRIC_NAME})`;
+
 interface TraceMetricCountResult {
   data: Array<{
-    'count()': number;
+    [COUNT_FIELD]: number;
   }>;
 }
 
@@ -39,7 +41,7 @@ function traceMetricCountQueryKey({
 
   const query: Record<string, string | string[] | number[]> = {
     dataset: DiscoverDatasets.TRACEMETRICS,
-    field: ['count()'],
+    field: [COUNT_FIELD],
     query: searchValue.formatString(),
     referrer: 'api.trace-details.initial-metric-data',
   };
@@ -48,15 +50,14 @@ function traceMetricCountQueryKey({
     query.project = projectIds.map(String);
   }
 
-  // Use the period from trace query params
-  if (queryParams.statsPeriod) {
-    query.statsPeriod = queryParams.statsPeriod;
-  } else if (queryParams.start && queryParams.end) {
-    query.start = queryParams.start;
-    query.end = queryParams.end;
-  } else {
-    // Default fallback
-    query.statsPeriod = '24h';
+  if (queryParams.timestamp) {
+    // Use the timestamp to set an interval of +/- 1 days.
+    query.start = new Date(
+      queryParams.timestamp * 1000 - 24 * 60 * 60 * 1000
+    ).toISOString();
+    query.end = new Date(
+      queryParams.timestamp * 1000 + 24 * 60 * 60 * 1000
+    ).toISOString();
   }
 
   return [`/organizations/${orgSlug}/events/`, {query}];
@@ -99,7 +100,7 @@ export function useInitialTraceMetricData({
   });
 
   const metricsData = useMemo(() => {
-    const count = result.data?.data?.[0]?.['count()'] ?? 0;
+    const count = result.data?.data?.[0]?.[COUNT_FIELD] ?? 0;
     return {count};
   }, [result.data]);