Skip to content

Commit e65ba42

Browse files
mtopo27Claude Opus 4.6
andauthored
feat(monitors): Add info hint for diff-based issue detection (#111698)
Shows an inline hint below the issue detection selector when Absolute Diff or Relative Diff is chosen, clarifying that comparisons use the previous build matching the monitor's filters, `platform`, `package_name`, and `build_configuration`. Uses `IconInfo` + `Text` + `InlineCode` for a lightweight presentation that doesn't compete with the form controls. <img width="2460" height="710" alt="CleanShot 2026-03-26 at 16 30 53@2x" src="https://github.com/user-attachments/assets/e0e7ce7a-1421-4d51-89b5-9d56168fa65d" /> Co-authored-by: Claude Opus 4.6 <noreply@example.com>
1 parent 54d7c86 commit e65ba42

File tree

1 file changed

+18
-1
lines changed

1 file changed

+18
-1
lines changed

static/app/views/detectors/components/forms/mobileBuild/detectSection.tsx

Lines changed: 18 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,15 @@
11
import {Fragment, useMemo} from 'react';
22
import styled from '@emotion/styled';
33

4+
import {InlineCode} from '@sentry/scraps/code';
45
import {Flex, Stack} from '@sentry/scraps/layout';
56
import {Heading, Text} from '@sentry/scraps/text';
67

78
import {NumberField} from 'sentry/components/forms/fields/numberField';
89
import {SegmentedRadioField} from 'sentry/components/forms/fields/segmentedRadioField';
910
import {Container} from 'sentry/components/workflowEngine/ui/container';
10-
import {t} from 'sentry/locale';
11+
import {IconInfo} from 'sentry/icons';
12+
import {t, tct} from 'sentry/locale';
1113
import {
1214
DETECTOR_PRIORITY_LEVEL_TO_PRIORITY_LEVEL,
1315
DetectorPriorityLevel,
@@ -79,6 +81,21 @@ export function MobileBuildDetectSection() {
7981
flexibleControlStateSize
8082
preserveOnUnmount
8183
/>
84+
{(thresholdType === 'absolute_diff' || thresholdType === 'relative_diff') && (
85+
<Flex align="center" gap="sm">
86+
<IconInfo size="xs" />
87+
<Text variant="muted" size="sm">
88+
{tct(
89+
"Compares against the previous build matching this monitor's filters, [platform], [packageName], and [buildConfiguration].",
90+
{
91+
platform: <InlineCode>platform</InlineCode>,
92+
packageName: <InlineCode>package_name</InlineCode>,
93+
buildConfiguration: <InlineCode>build_configuration</InlineCode>,
94+
}
95+
)}
96+
</Text>
97+
</Flex>
98+
)}
8299
</section>
83100

84101
<ThresholdSection thresholdType={thresholdType} />

0 commit comments

Comments
 (0)