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 ( +