docs(v2): add more links to v1: announcementBar, versionDropdown, homepage (#4505)

* add more links to v1 doc + use Translate interpolation

* add more links to v1 doc + use Translate interpolation

* add version dropdown link to v1 domain
This commit is contained in:
Sébastien Lorber 2021-03-23 19:08:36 +01:00 committed by GitHub
parent 1f8e0bc48e
commit 819bb43433
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 4 deletions

View file

@ -277,11 +277,18 @@ const isVersioningDisabled = !!process.env.DISABLE_VERSIONING || isI18nStaging;
disableSwitch: false,
respectPrefersColorScheme: true,
},
announcementBar: {
id: 'v1-new-domain',
content:
'➡️ Docusaurus v1 documentation has moved to <a target="_blank" rel="noopener noreferrer" href="https://v1.docusaurus.io/">v1.docusaurus.io</a>! 🔄',
},
/*
announcementBar: {
id: 'supportus',
content:
'⭐️ If you like Docusaurus, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/facebook/docusaurus">GitHub</a>! ⭐️',
},
*/
prism: {
theme: require('prism-react-renderer/themes/github'),
darkTheme: require('prism-react-renderer/themes/dracula'),
@ -331,6 +338,10 @@ const isVersioningDisabled = !!process.env.DISABLE_VERSIONING || isI18nStaging;
position: 'right',
dropdownActiveClassDisabled: true,
dropdownItemsAfter: [
{
to: 'https://v1.docusaurus.io',
label: '1.x.x',
},
{
to: '/versions',
label: 'All versions',

View file

@ -128,10 +128,21 @@ function Home() {
</div>
<div className={clsx(styles.announcement, styles.announcementDark)}>
<div className={styles.announcementInner}>
<Translate>Coming from v1? Check out our</Translate>{' '}
<Link to="/docs/migration">
<Translate>v1 to v2 migration guide</Translate>
</Link>
<Translate
values={{
docusaurusV1Link: (
<Link to="https://v1.docusaurus.io/">
<Translate>Docusaurus v1</Translate>
</Link>
),
migrationGuideLink: (
<Link to="/docs/migration">
<Translate>v1 to v2 migration guide</Translate>
</Link>
),
}}>
{`Coming from {docusaurusV1Link}? Check out our {migrationGuideLink}`}
</Translate>
.
</div>
</div>