Browse Source

feat(ui): Update copy on project and stats pages (#41662)

Malachi Willey 2 years ago
parent
commit
84d889f682

+ 9 - 3
static/app/views/organizationStats/index.tsx

@@ -12,6 +12,7 @@ import DatePageFilter from 'sentry/components/datePageFilter';
 import ErrorBoundary from 'sentry/components/errorBoundary';
 import HookOrDefault from 'sentry/components/hookOrDefault';
 import * as Layout from 'sentry/components/layouts/thirds';
+import ExternalLink from 'sentry/components/links/externalLink';
 import PageFilterBar from 'sentry/components/organizations/pageFilterBar';
 import PageFiltersContainer from 'sentry/components/organizations/pageFilters/container';
 import {normalizeDateTimeParams} from 'sentry/components/organizations/pageFilters/parse';
@@ -25,7 +26,7 @@ import {
   DEFAULT_RELATIVE_PERIODS,
   DEFAULT_STATS_PERIOD,
 } from 'sentry/constants';
-import {t} from 'sentry/locale';
+import {t, tct} from 'sentry/locale';
 import {PageHeader} from 'sentry/styles/organization';
 import space from 'sentry/styles/space';
 import {DataCategory, DateString, Organization, PageFilters, Project} from 'sentry/types';
@@ -336,8 +337,13 @@ export class OrganizationStats extends Component<Props> {
                     <PageHeading>{t('Organization Usage Stats')}</PageHeading>
                   </PageHeader>
                   <p>
-                    {t(
-                      'We collect usage metrics on three categories: errors, transactions, and attachments. The charts below reflect data that Sentry has received across your entire organization. You can also find them broken down by project in the table.'
+                    {tct(
+                      'A view of the usage data that Sentry has received across your entire organization. [link: Read the docs].',
+                      {
+                        link: (
+                          <ExternalLink href="https://docs.sentry.io/product/stats/" />
+                        ),
+                      }
                     )}
                   </p>
                 </Fragment>

+ 12 - 8
static/app/views/projectInstall/createProject.tsx

@@ -9,12 +9,13 @@ import {openCreateTeamModal} from 'sentry/actionCreators/modal';
 import Alert from 'sentry/components/alert';
 import Button from 'sentry/components/button';
 import Input from 'sentry/components/input';
+import ExternalLink from 'sentry/components/links/externalLink';
 import PageHeading from 'sentry/components/pageHeading';
 import PlatformPicker from 'sentry/components/platformPicker';
 import TeamSelector from 'sentry/components/teamSelector';
 import categoryList from 'sentry/data/platformCategories';
 import {IconAdd} from 'sentry/icons';
-import {t} from 'sentry/locale';
+import {t, tct} from 'sentry/locale';
 import ProjectsStore from 'sentry/stores/projectsStore';
 import space from 'sentry/styles/space';
 import {Organization, Team} from 'sentry/types';
@@ -148,7 +149,7 @@ class CreateProject extends Component<Props, State> {
 
     return (
       <Fragment>
-        <PageHeading withMargins>{t('Give your project a name')}</PageHeading>
+        <PageHeading withMargins>{t('Name your project & assign it a team')}</PageHeading>
         {createProjectForm}
       </Fragment>
     );
@@ -280,15 +281,18 @@ class CreateProject extends Component<Props, State> {
         {error && <Alert type="error">{error}</Alert>}
 
         <div data-test-id="onboarding-info">
-          <PageHeading withMargins>{t('Create a new Project')}</PageHeading>
+          <PageHeading withMargins>{t('Create a new project in 3 steps')}</PageHeading>
           <HelpText>
-            {t(
-              `Projects allow you to scope error and transaction events to a specific
-               application in your organization. For example, you might have separate
-               projects for your API server and frontend client.`
+            {tct(
+              'Set up a separate project for each part of your application (for example, your API server and frontend client), to quickly pinpoint which part of your application errors are coming from. [link: Read the docs].',
+              {
+                link: (
+                  <ExternalLink href="https://docs.sentry.io/product/sentry-basics/integrate-frontend/create-new-project/" />
+                ),
+              }
             )}
           </HelpText>
-          <PageHeading withMargins>{t('Choose a platform')}</PageHeading>
+          <PageHeading withMargins>{t('Choose your platform')}</PageHeading>
           <PlatformPicker
             platform={platform}
             defaultCategory={this.defaultCategory}

+ 1 - 1
static/app/views/projectInstall/issueAlertOptions.tsx

@@ -283,7 +283,7 @@ class IssueAlertOptions extends AsyncComponent<Props, State> {
     return (
       <Fragment>
         <PageHeadingWithTopMargins withMargins>
-          {t('Set your default alert settings')}
+          {t('Set your alert frequency')}
         </PageHeadingWithTopMargins>
         <Content>
           <RadioGroupWithPadding