From 0e4de779a3c5fc0a8d6222b2e14eb592f2e4b836 Mon Sep 17 00:00:00 2001
From: Evan Purkhiser <evanpurkhiser@gmail.com>
Date: Tue, 14 Oct 2025 17:41:14 -0400
Subject: [PATCH] feat(crons): Add copy button on detector details

Fixes [NEW-566: The monitor slug should be copyable](https://linear.app/getsentry/issue/NEW-566/the-monitor-slug-should-be-copyable)
---
 .../detectors/components/details/cron/index.tsx     | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/static/app/views/detectors/components/details/cron/index.tsx b/static/app/views/detectors/components/details/cron/index.tsx
index 1a86bffe29344e..cf814290fb6e64 100644
--- a/static/app/views/detectors/components/details/cron/index.tsx
+++ b/static/app/views/detectors/components/details/cron/index.tsx
@@ -1,9 +1,11 @@
 import {Fragment, useCallback, useState} from 'react';
 import sortBy from 'lodash/sortBy';
 
+import {CopyToClipboardButton} from 'sentry/components/copyToClipboardButton';
 import {Alert} from 'sentry/components/core/alert';
 import {Button} from 'sentry/components/core/button';
 import {Flex} from 'sentry/components/core/layout';
+import {Text} from 'sentry/components/core/text';
 import ErrorBoundary from 'sentry/components/errorBoundary';
 import useDrawer from 'sentry/components/globalDrawer';
 import {DrawerBody, DrawerHeader} from 'sentry/components/globalDrawer/components';
@@ -183,7 +185,16 @@ export function CronDetectorDetails({detector, project}: CronDetectorDetailsProp
             <DetectorExtraDetails>
               <KeyValueTableRow
                 keyName={t('Monitor slug')}
-                value={dataSource.queryObj.slug}
+                value={
+                  <Flex gap="xs" align="center">
+                    <Text ellipsis>{dataSource.queryObj.slug}</Text>
+                    <CopyToClipboardButton
+                      text={dataSource.queryObj.slug}
+                      size="zero"
+                      borderless
+                    />
+                  </Flex>
+                }
               />
               <KeyValueTableRow
                 keyName={t('Next check-in')}