move to constant

Author: billyvg

static/app/components/charts/chartWidgetLoader.tsx

@@ -4,6 +4,7 @@ import {useQuery} from '@tanstack/react-query';
 import Placeholder from 'sentry/components/placeholder';
 import {t} from 'sentry/locale';
 import type {LoadableChartWidgetProps} from 'sentry/views/insights/common/components/widgets/types';
+import {EVENT_GRAPH_WIDGET_ID} from 'sentry/views/issueDetails/streamline/eventGraphWidget';
 
 interface Props extends LoadableChartWidgetProps {
   /**
@@ -27,7 +28,7 @@ export function ChartWidgetLoader(props: Props) {
   const query = useQuery<{default: React.FC<LoadableChartWidgetProps>}>({
     queryKey: [`widget-${props.id}`],
     queryFn: () => {
-      if (props.id === 'issuesEventGraph') {
+      if (props.id === EVENT_GRAPH_WIDGET_ID) {
         return import('sentry/views/issueDetails/streamline/eventGraphWidget');
       }
 

static/app/views/issueDetails/streamline/eventGraph.tsx

@@ -38,6 +38,7 @@ import useOrganization from 'sentry/utils/useOrganization';
 import {useReleaseStats} from 'sentry/utils/useReleaseStats';
 import {getBucketSize} from 'sentry/views/dashboards/utils/getBucketSize';
 import {useIssueDetails} from 'sentry/views/issueDetails/streamline/context';
+import {EVENT_GRAPH_WIDGET_ID} from 'sentry/views/issueDetails/streamline/eventGraphWidget';
 import useFlagSeries from 'sentry/views/issueDetails/streamline/hooks/featureFlags/useFlagSeries';
 import {useCurrentEventMarklineSeries} from 'sentry/views/issueDetails/streamline/hooks/useEventMarkLineSeries';
 import {
@@ -282,7 +283,7 @@ export function EventGraph({
     releaseBubbleXAxis,
     releaseBubbleGrid,
   } = useReleaseBubbles({
-    chartId: 'issuesEventGraph',
+    chartId: EVENT_GRAPH_WIDGET_ID,
     alignInMiddle: true,
     legendSelected: legendSelected.Releases,
     desiredBuckets: eventSeries.length,

static/app/views/issueDetails/streamline/eventGraphWidget.tsx

@@ -54,3 +54,5 @@ export default function EventGraphWidget({pageFilters}: LoadableChartWidgetProps
 const Container = styled('div')`
   height: 100%;
 `;
+
+export const EVENT_GRAPH_WIDGET_ID = 'event-graph-widget';