feat(detectors): Add detector type to breadcrumbs

Author: evanpurkhiser

static/app/views/detectors/components/details/common/header.tsx

@@ -9,7 +9,11 @@ import {
   EditDetectorAction,
 } from 'sentry/views/detectors/components/details/common/actions';
 import {MonitorFeedbackButton} from 'sentry/views/detectors/components/monitorFeedbackButton';
-import {makeMonitorBasePathname} from 'sentry/views/detectors/pathnames';
+import {
+  makeMonitorBasePathname,
+  makeMonitorTypePathname,
+} from 'sentry/views/detectors/pathnames';
+import {getDetectorTypeLabel} from 'sentry/views/detectors/utils/detectorTypeConfig';
 
 type DetectorDetailsHeaderProps = {
   detector: Detector;
@@ -28,6 +32,10 @@ export function DetectorDetailsHeader({detector, project}: DetectorDetailsHeader
               label: t('Monitors'),
               to: makeMonitorBasePathname(organization.slug),
             },
+            {
+              label: getDetectorTypeLabel(detector.type),
+              to: makeMonitorTypePathname(organization.slug, detector.type),
+            },
             {label: detector.name},
           ]}
         />

static/app/views/detectors/components/forms/common/breadcrumbs.tsx

@@ -5,6 +5,7 @@ import useOrganization from 'sentry/utils/useOrganization';
 import {
   makeMonitorBasePathname,
   makeMonitorDetailsPathname,
+  makeMonitorTypePathname,
 } from 'sentry/views/detectors/pathnames';
 import {getDetectorTypeLabel} from 'sentry/views/detectors/utils/detectorTypeConfig';
 
@@ -17,6 +18,10 @@ export function NewDetectorBreadcrumbs({detectorType}: {detectorType: DetectorTy
           label: t('Monitors'),
           to: makeMonitorBasePathname(organization.slug),
         },
+        {
+          label: getDetectorTypeLabel(detectorType),
+          to: makeMonitorTypePathname(organization.slug, detectorType),
+        },
         {
           label: t('New %s Monitor', getDetectorTypeLabel(detectorType)),
         },
@@ -34,6 +39,10 @@ export function EditDetectorBreadcrumbs({detector}: {detector: Detector}) {
           label: t('Monitors'),
           to: makeMonitorBasePathname(organization.slug),
         },
+        {
+          label: getDetectorTypeLabel(detector.type),
+          to: makeMonitorTypePathname(organization.slug, detector.type),
+        },
         {
           label: detector.name,
           to: makeMonitorDetailsPathname(organization.slug, detector.id),

static/app/views/detectors/pathnames.tsx

@@ -1,9 +1,25 @@
+import type {DetectorType} from 'sentry/types/workflowEngine/detectors';
 import normalizeUrl from 'sentry/utils/url/normalizeUrl';
 
+const DETECTOR_TYPE_PATH_MAP: Partial<Record<DetectorType, string>> = {
+  monitor_check_in_failure: 'crons',
+  uptime_domain_failure: 'uptime',
+  metric_issue: 'metrics',
+  error: 'errors',
+};
+
 export const makeMonitorBasePathname = (orgSlug: string) => {
   return normalizeUrl(`/organizations/${orgSlug}/monitors/`);
 };
 
+export const makeMonitorTypePathname = (orgSlug: string, detectorType: DetectorType) => {
+  const typePath = DETECTOR_TYPE_PATH_MAP[detectorType];
+  if (!typePath) {
+    return makeMonitorBasePathname(orgSlug);
+  }
+  return normalizeUrl(`${makeMonitorBasePathname(orgSlug)}${typePath}/`);
+};
+
 export const makeMonitorDetailsPathname = (orgSlug: string, monitorId: string) => {
   return normalizeUrl(`${makeMonitorBasePathname(orgSlug)}${monitorId}/`);
 };