diff --git a/static/app/views/prevent/preventAI/onboarding.spec.tsx b/static/app/views/prevent/preventAI/onboarding.spec.tsx index 8e0ce0b359b8a7..7d71aa03a9114a 100644 --- a/static/app/views/prevent/preventAI/onboarding.spec.tsx +++ b/static/app/views/prevent/preventAI/onboarding.spec.tsx @@ -7,8 +7,8 @@ import PreventAIOnboarding from './onboarding'; jest.mock('sentry-images/features/prevent-hero.svg', () => 'prevent-hero-mock.svg'); jest.mock( - 'sentry-images/features/prevent-pr-comment.png', - () => 'prevent-pr-comment-mock.png' + 'sentry-images/features/prevent-pr-comments.png', + () => 'prevent-pr-comments-mock.png' ); describe('PreventAIOnboarding', () => { @@ -131,9 +131,9 @@ describe('PreventAIOnboarding', () => { const heroImage = screen.getByAltText('Prevent AI Hero'); expect(heroImage).toBeInTheDocument(); - const prCommentImage = screen.getByAltText('Prevent PR Comment'); - expect(prCommentImage).toBeInTheDocument(); - expect(prCommentImage).toHaveAttribute('src', 'prevent-pr-comment-mock.png'); + const prCommentsImage = screen.getByAltText('Prevent PR Comments'); + expect(prCommentsImage).toBeInTheDocument(); + expect(prCommentsImage).toHaveAttribute('src', 'prevent-pr-comments-mock.png'); }); it('renders admin notice text', () => { diff --git a/static/app/views/prevent/preventAI/onboarding.tsx b/static/app/views/prevent/preventAI/onboarding.tsx index 075fc55bfac2a0..b57e8c2ced82e0 100644 --- a/static/app/views/prevent/preventAI/onboarding.tsx +++ b/static/app/views/prevent/preventAI/onboarding.tsx @@ -2,12 +2,13 @@ import {useTheme} from '@emotion/react'; import styled from '@emotion/styled'; import preventHero from 'sentry-images/features/prevent-hero.svg'; -import preventPrComment from 'sentry-images/features/prevent-pr-comment.png'; +import preventPrComments from 'sentry-images/features/prevent-pr-comments.png'; import {Container, Flex} from 'sentry/components/core/layout'; import {ExternalLink} from 'sentry/components/core/link'; import {Text} from 'sentry/components/core/text'; import {Heading} from 'sentry/components/core/text/heading'; +import {IconInfo} from 'sentry/icons/iconInfo'; import {t, tct} from 'sentry/locale'; import useOrganization from 'sentry/utils/useOrganization'; @@ -132,10 +133,10 @@ export default function PreventAIOnboarding() { background="secondary" radius="md" > - + {t('How to use Prevent AI')} - + {t('Prevent AI helps you ship better code with three features:')} @@ -193,8 +194,16 @@ export default function PreventAIOnboarding() { )} + + + + {t( + `This page will remain visible after the app is installed. Reviewer Configuration and Usage Stats are coming soon.` + )} + + - + ); diff --git a/static/images/features/prevent-pr-comment.png b/static/images/features/prevent-pr-comment.png deleted file mode 100644 index f2be5882186441..00000000000000 Binary files a/static/images/features/prevent-pr-comment.png and /dev/null differ diff --git a/static/images/features/prevent-pr-comments.png b/static/images/features/prevent-pr-comments.png new file mode 100644 index 00000000000000..12c81d6675e3bc Binary files /dev/null and b/static/images/features/prevent-pr-comments.png differ