diff --git a/static/app/components/issues/suspect/suspectTable.tsx b/static/app/components/issues/suspect/suspectTable.tsx
index f09dec5d1f9585..3dc6814a0e46b1 100644
--- a/static/app/components/issues/suspect/suspectTable.tsx
+++ b/static/app/components/issues/suspect/suspectTable.tsx
@@ -2,18 +2,22 @@ import {useEffect} from 'react';
import styled from '@emotion/styled';
import Color from 'color';
+import {useAnalyticsArea} from 'sentry/components/analyticsArea';
import {Flex} from 'sentry/components/container/flex';
+import {Button} from 'sentry/components/core/button';
import {NumberInput} from 'sentry/components/core/input/numberInput';
import {Tooltip} from 'sentry/components/core/tooltip';
import {OrderBy, SortBy} from 'sentry/components/events/featureFlags/utils';
import useSuspectFlagScoreThreshold from 'sentry/components/issues/suspect/useSuspectFlagScoreThreshold';
import Link from 'sentry/components/links/link';
+import {IconMegaphone} from 'sentry/icons/iconMegaphone';
import {IconSentry} from 'sentry/icons/iconSentry';
import {t} from 'sentry/locale';
import {space} from 'sentry/styles/space';
import type {Group} from 'sentry/types/group';
import {trackAnalytics} from 'sentry/utils/analytics';
import toRoundedPercent from 'sentry/utils/number/toRoundedPercent';
+import {useFeedbackForm} from 'sentry/utils/useFeedbackForm';
import {useLocation} from 'sentry/utils/useLocation';
import useOrganization from 'sentry/utils/useOrganization';
import {DrawerTab} from 'sentry/views/issueDetails/groupDistributions/types';
@@ -67,13 +71,18 @@ export default function SuspectTable({debugSuspectScores, environments, group}:
return null;
}
+ const header = (
+
+ {t('Suspect Flags')}
+ {debugThresholdInput}
+
+
+ );
+
if (isPending) {
return (
-
- {t('Suspect Flags')}
- {debugThresholdInput}
-
+ {header}
{t('Loading...')}
);
@@ -82,10 +91,7 @@ export default function SuspectTable({debugSuspectScores, environments, group}:
if (!susFlags.length) {
return (
-
- {t('Suspect Flags')}
- {debugThresholdInput}
-
+ {header}
{t('Nothing suspicious')}
);
@@ -93,10 +99,7 @@ export default function SuspectTable({debugSuspectScores, environments, group}:
return (
-
- {t('Suspect Flags')}
- {debugThresholdInput}
-
+ {header}
{susFlags.map(flag => {
@@ -135,6 +138,30 @@ export default function SuspectTable({debugSuspectScores, environments, group}:
);
}
+function FeedbackButton() {
+ const openFeedbackForm = useFeedbackForm();
+ const title = t('Give feedback on Suspect Tags/Flags');
+ const area = useAnalyticsArea();
+
+ return (
+ }
+ size="xs"
+ onClick={() =>
+ openFeedbackForm?.({
+ messagePlaceholder: t('How can we make Suspect Tags and Flags better for you?'),
+ tags: {
+ ['feedback.source']: area,
+ ['feedback.owner']: 'replay',
+ },
+ })
+ }
+ />
+ );
+}
+
const GradientBox = styled('div')`
border: 1px solid ${p => p.theme.border};
background: ${p => p.theme.background};