Browse Source

feat(perf): Add HTTP module unknown domain banner (#69505)

Unknown domains are an annoying and fixable error. I don't want people
to just give up when they see this! It might be a matter of updating
their SDK, or something else simple.
George Gritsouk 10 months ago
parent
commit
f78c7d531f
1 changed files with 18 additions and 1 deletions
  1. 18 1
      static/app/views/performance/http/httpDomainSummaryPage.tsx

+ 18 - 1
static/app/views/performance/http/httpDomainSummaryPage.tsx

@@ -1,15 +1,17 @@
 import React from 'react';
 import styled from '@emotion/styled';
 
+import Alert from 'sentry/components/alert';
 import ProjectAvatar from 'sentry/components/avatar/projectAvatar';
 import FeatureBadge from 'sentry/components/badge/featureBadge';
 import {Breadcrumbs} from 'sentry/components/breadcrumbs';
 import FloatingFeedbackWidget from 'sentry/components/feedback/widget/floatingFeedbackWidget';
 import * as Layout from 'sentry/components/layouts/thirds';
+import ExternalLink from 'sentry/components/links/externalLink';
 import {DatePageFilter} from 'sentry/components/organizations/datePageFilter';
 import {EnvironmentPageFilter} from 'sentry/components/organizations/environmentPageFilter';
 import PageFilterBar from 'sentry/components/organizations/pageFilterBar';
-import {t} from 'sentry/locale';
+import {t, tct} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
 import {DurationUnit, RateUnit} from 'sentry/utils/discover/fields';
 import {decodeScalar, decodeSorts} from 'sentry/utils/queryString';
@@ -187,6 +189,21 @@ export function HTTPDomainSummaryPage() {
         <Layout.Main fullWidth>
           <FloatingFeedbackWidget />
 
+          {domain === '' && (
+            <Alert type="info">
+              {tct(
+                '"Unknown Domain" entries can be caused by instrumentation errors. Please refer to our [link] for more information.',
+                {
+                  link: (
+                    <ExternalLink href="https://docs.sentry.io/product/performance/requests/">
+                      documentation
+                    </ExternalLink>
+                  ),
+                }
+              )}
+            </Alert>
+          )}
+
           <ModuleLayout.Layout>
             <ModuleLayout.Full>
               <HeaderContainer>