website: remove hacky component injection code

This commit is contained in:
Yangshun
2021-08-07 22:41:29 +08:00
parent e3411ef50d
commit 348ad0c907
6 changed files with 129 additions and 90 deletions

View File

@@ -6,52 +6,58 @@
*/
import React from 'react';
import Translate, {translate} from '@docusaurus/Translate';
import SidebarAd from '../../components/SidebarAd';
function DocPaginator(props) {
const {metadata} = props;
return (
<nav
className="pagination-nav docusaurus-mt-lg"
aria-label={translate({
id: 'theme.docs.paginator.navAriaLabel',
message: 'Docs pages navigation',
description: 'The ARIA label for the docs pagination',
})}>
<div className="pagination-nav__item">
{metadata.previous && (
<a
className="pagination-nav__link"
href={metadata.previous.permalink}>
<div className="pagination-nav__sublabel">
<Translate
id="theme.docs.paginator.previous"
description="The label used to navigate to the previous doc">
Previous
</Translate>
</div>
<div className="pagination-nav__label">
&laquo; {metadata.previous.title}
</div>
</a>
)}
<>
<nav
className="pagination-nav docusaurus-mt-lg"
aria-label={translate({
id: 'theme.docs.paginator.navAriaLabel',
message: 'Docs pages navigation',
description: 'The ARIA label for the docs pagination',
})}>
<div className="pagination-nav__item">
{metadata.previous && (
<a
className="pagination-nav__link"
href={metadata.previous.permalink}>
<div className="pagination-nav__sublabel">
<Translate
id="theme.docs.paginator.previous"
description="The label used to navigate to the previous doc">
Previous
</Translate>
</div>
<div className="pagination-nav__label">
&laquo; {metadata.previous.title}
</div>
</a>
)}
</div>
<div className="pagination-nav__item pagination-nav__item--next">
{metadata.next && (
<a className="pagination-nav__link" href={metadata.next.permalink}>
<div className="pagination-nav__sublabel">
<Translate
id="theme.docs.paginator.next"
description="The label used to navigate to the next doc">
Next
</Translate>
</div>
<div className="pagination-nav__label">
{metadata.next.title} &raquo;
</div>
</a>
)}
</div>
</nav>
<div className="margin-top--md">
<SidebarAd />
</div>
<div className="pagination-nav__item pagination-nav__item--next">
{metadata.next && (
<a className="pagination-nav__link" href={metadata.next.permalink}>
<div className="pagination-nav__sublabel">
<Translate
id="theme.docs.paginator.next"
description="The label used to navigate to the next doc">
Next
</Translate>
</div>
<div className="pagination-nav__label">
{metadata.next.title} &raquo;
</div>
</a>
)}
</div>
</nav>
</>
);
}