diff --git a/components/GenericError.tsx b/components/GenericError.tsx index 2e3d735f6c..6df13e8fcf 100644 --- a/components/GenericError.tsx +++ b/components/GenericError.tsx @@ -4,6 +4,7 @@ import { useRouter } from 'next/router' import { MarkGithubIcon, CommentDiscussionIcon } from '@primer/octicons-react' import { useVersion } from 'components/hooks/useVersion' +import { Lead } from 'components/ui/Lead' export function GenericError() { const { isEnterprise } = useVersion() @@ -20,7 +21,7 @@ export function GenericError() {

Ooops!

-

It looks like something went wrong.

+ It looks like something went wrong.

We track these errors automatically, but if the problem persists please feel free to contact us. diff --git a/components/article/ArticlePage.tsx b/components/article/ArticlePage.tsx index 310180adc2..5a53908480 100644 --- a/components/article/ArticlePage.tsx +++ b/components/article/ArticlePage.tsx @@ -12,6 +12,7 @@ import { useArticleContext } from 'components/context/ArticleContext' import { useTranslation } from 'components/hooks/useTranslation' import { LearningTrackNav } from './LearningTrackNav' import { MarkdownContent } from 'components/ui/MarkdownContent' +import { Lead } from 'components/ui/Lead' import { ArticleGridLayout } from './ArticleGridLayout' // Mapping of a "normal" article to it's interactive counterpart @@ -63,11 +64,7 @@ export const ArticlePage = () => { )} - {intro && ( - - {intro} - - )} + {intro && {intro}} {permissions && (

{ const { airGap } = useMainContext() @@ -27,7 +28,7 @@ export const LandingHero = () => { {beta_product && Beta} -
+ {intro && {intro}} {introLinks && Object.entries(introLinks) diff --git a/components/landing/TocLanding.tsx b/components/landing/TocLanding.tsx index d027559301..db51362345 100644 --- a/components/landing/TocLanding.tsx +++ b/components/landing/TocLanding.tsx @@ -8,6 +8,7 @@ import { ArticleList } from 'components/landing/ArticleList' import { useTranslation } from 'components/hooks/useTranslation' import { ArticleGridLayout } from 'components/article/ArticleGridLayout' import { Callout } from 'components/ui/Callout' +import { Lead } from 'components/ui/Lead' export const TocLanding = () => { const { title, introPlainText, tocItems, productCallout, variant, featuredLinks, renderedPage } = @@ -22,9 +23,7 @@ export const TocLanding = () => { {title} -
-

{introPlainText}

-
+ {introPlainText && {introPlainText}} {productCallout && ( diff --git a/components/page-footer/Survey.tsx b/components/page-footer/Survey.tsx index 698d80b3f9..777afae186 100644 --- a/components/page-footer/Survey.tsx +++ b/components/page-footer/Survey.tsx @@ -62,7 +62,6 @@ export const Survey = () => { aria-label={t`yes`} hidden onChange={vote(ViewState.YES)} - defaultChecked={state === ViewState.YES} checked={state === ViewState.YES} />