Browse Source

feat(replays): Update replay onboarding copy (#43135)

Fixes https://github.com/getsentry/sentry/issues/43121


New copy:
<img width="1453" alt="SCR-20230111-ips"
src="https://user-images.githubusercontent.com/187460/211921589-d273c07b-7a68-4078-a0a5-de0d38826463.png">

New page titles:
<img width="525" alt="SCR-20230111-kgb"
src="https://user-images.githubusercontent.com/187460/211933813-e7b8feb8-b789-4d25-bee2-319cfb6f72e2.png">
<img width="499" alt="SCR-20230111-kg7"
src="https://user-images.githubusercontent.com/187460/211933818-dcd7702e-f0d9-4748-9d4b-214e44d5290e.png">
Ryan Albrecht 2 years ago
parent
commit
23b7ae400e

+ 1 - 1
static/app/components/replays/header/detailsPageBreadcrumbs.tsx

@@ -27,7 +27,7 @@ function DetailsPageBreadcrumbs({orgSlug, replayRecord}: Props) {
             pathname: `/organizations/${orgSlug}/replays/`,
             query: eventView.generateQueryStringObject(),
           },
-          label: t('Replays'),
+          label: t('Session Replay'),
         },
         {
           label: labelTitle ? (

+ 2 - 2
static/app/components/replaysOnboarding/sidebar.tsx

@@ -69,7 +69,7 @@ function ReplaysOnboardingSidebar(props: CommonSidebarProps) {
     >
       <TopRightBackgroundImage src={HighlightTopRightPattern} />
       <TaskList>
-        <Heading>{t('Getting Started with Replays')}</Heading>
+        <Heading>{t('Getting Started with Session Replay')}</Heading>
         <DropdownMenuControl
           items={items}
           triggerLabel={
@@ -126,7 +126,7 @@ function OnboardingContent({currentProject}: {currentProject: Project}) {
       <Fragment>
         <div>
           {tct(
-            'Fiddlesticks. Session Replay isn’t available for your [platform] project yet but we’re definitely still working on it. Stay tuned.',
+            'Session Replay isn’t available for your [platform] project. It supports all browser JavaScript applications. It is built to work with @sentry/browser and our browser framework SDKs.',
             {platform: currentPlatform?.name || currentProject.slug}
           )}
         </div>

+ 1 - 1
static/app/views/replays/list/container.tsx

@@ -16,7 +16,7 @@ function ReplaysListContainer() {
       <Layout.Header>
         <Layout.HeaderContent>
           <StyledHeading>
-            {t('Replays')} <ReplaysFeatureBadge space={1} />
+            {t('Session Replay')} <ReplaysFeatureBadge space={1} />
           </StyledHeading>
         </Layout.HeaderContent>
       </Layout.Header>

+ 1 - 1
static/app/views/replays/list/replays.tsx

@@ -92,7 +92,7 @@ function ReplaysList() {
         ) : (
           <ReplayOnboardingPanel>
             <Button onClick={activateSidebar} priority="primary">
-              {t('Get Started')}
+              {t('Set Up Replays')}
             </Button>
             <Button
               href="https://docs.sentry.io/platforms/javascript/session-replay/"