Просмотр исходного кода

feat(trace-explorer): Link to docs (#72606)

Add a description of the feature and link to the docs. Also removed the
breadbrumb since no other explore page currently has one.
Tony Xiao 9 месяцев назад
Родитель
Сommit
bec23d5301
1 измененных файлов с 14 добавлено и 9 удалено
  1. 14 9
      static/app/views/traces/index.tsx

+ 14 - 9
static/app/views/traces/index.tsx

@@ -3,30 +3,35 @@ import styled from '@emotion/styled';
 
 import Feature from 'sentry/components/acl/feature';
 import {Alert} from 'sentry/components/alert';
-import {Breadcrumbs} from 'sentry/components/breadcrumbs';
+import FeatureBadge from 'sentry/components/badge/featureBadge';
 import FeedbackWidgetButton from 'sentry/components/feedback/widget/feedbackWidgetButton';
 import * as Layout from 'sentry/components/layouts/thirds';
 import PageFiltersContainer from 'sentry/components/organizations/pageFilters/container';
+import {PageHeadingQuestionTooltip} from 'sentry/components/pageHeadingQuestionTooltip';
 import SentryDocumentTitle from 'sentry/components/sentryDocumentTitle';
 import {t} from 'sentry/locale';
 import useOrganization from 'sentry/utils/useOrganization';
 
 import {Content} from './content';
 
+export const TRACE_EXPLORER_DOCS_URL = 'https://docs.sentry.io/product/explore/traces/';
+
 function TraceExplorerLandingPage() {
   return (
     <Fragment>
       <Layout.Header>
         <Layout.HeaderContent>
-          <Breadcrumbs
-            crumbs={[
-              {
-                label: 'Traces',
-              },
-            ]}
-          />
           <HeaderContentBar>
-            <Layout.Title>{t('Traces')}</Layout.Title>
+            <Layout.Title>
+              {t('Traces')}
+              <PageHeadingQuestionTooltip
+                docsUrl={TRACE_EXPLORER_DOCS_URL}
+                title={t(
+                  'Traces lets you search for individual spans that make up a trace, linked by a trace id.'
+                )}
+              />
+              <FeatureBadge type="beta" />
+            </Layout.Title>
             <FeedbackWidgetButton />
           </HeaderContentBar>
         </Layout.HeaderContent>