Function CreateAlertFromViewButton

static/app/components/createAlertButton.tsx:55–125

({
  projects,
  eventView,
  organization,
  referrer,
  onClick,
  alertType,
  disableMetricDataset,
  ...buttonProps
}: CreateAlertFromViewButtonProps)

 * Emits incompatible query issues on click
 */
export function CreateAlertFromViewButton({
  projects,
  eventView,
  organization,
  referrer,
  onClick,
  alertType,
  disableMetricDataset,
  ...buttonProps
}: CreateAlertFromViewButtonProps) {
  const project = projects.find(p => p.id === `${eventView.project[0]}`);
  const queryParams = eventView.generateQueryStringObject();
  if (queryParams.query?.includes(`project:${project?.slug}`)) {
    queryParams.query = (queryParams.query as string).replace(
      `project:${project?.slug}`,
      ''
    );
  }

  const alertTemplate = alertType
    ? // @ts-expect-error TS(7053): Element implicitly has an 'any' type because expre... Remove this comment to see the full error message
      AlertWizardRuleTemplates[alertType]
    : DEFAULT_WIZARD_TEMPLATE;

  const shouldDirectToMonitors = organization.features.includes('workflow-engine-ui');

  const to = shouldDirectToMonitors
    ? getMetricMonitorUrl({
        project,
        environment: queryParams.environment,
        aggregate: queryParams.yAxis ?? alertTemplate.aggregate,
        dataset: alertTemplate.dataset,
        organization,
        query: decodeScalar(queryParams.query),
        referrer,
        eventTypes: alertTemplate.eventTypes,
      })
    : {
        pathname: makeAlertsPathname({
          path: '/new/metric/',
          organization,
        }),
        query: {
          ...queryParams,
          createFromDiscover: true,
          disableMetricDataset,
          referrer,
          ...alertTemplate,
          project: project?.slug,
          aggregate: queryParams.yAxis ?? alertTemplate.aggregate,
        },
      };

  const handleClick = () => {
    onClick?.();
  };

  const createButtonLabel = shouldDirectToMonitors