algorithm/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2025-07-28 04:33:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: update swizzled DocPaginator component

Browse Source
This commit is contained in:
Yangshun
2022-01-17 09:24:00 +08:00
parent 82900a9411
commit 2f7cb41c9d
2 changed files with 19 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
website/src/theme/DocPaginator/index.js
View File

@ -8,8 +8,7 @@ import React from 'react';
import Translate, {translate} from '@docusaurus/Translate';
import SidebarAd from '../../components/SidebarAd';
function DocPaginator(props) {
const {metadata} = props;
function DocPaginator({previous, next}) {
return (
<>
<nav
@ -20,10 +19,8 @@ function DocPaginator(props) {
description: 'The ARIA label for the docs pagination',
})}>
<div className="pagination-nav__item">
{metadata.previous && (
<a
className="pagination-nav__link"
href={metadata.previous.permalink}>
{previous && (
<a className="pagination-nav__link" href={previous.permalink}>
<div className="pagination-nav__sublabel">
<Translate
id="theme.docs.paginator.previous"
@ -31,15 +28,13 @@ function DocPaginator(props) {
Previous
</Translate>
</div>
<div className="pagination-nav__label">
&laquo; {metadata.previous.title}
</div>
<div className="pagination-nav__label">{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}>
{next && (
<a className="pagination-nav__link" href={next.permalink}>
<div className="pagination-nav__sublabel">
<Translate
id="theme.docs.paginator.next"
@ -47,9 +42,7 @@ function DocPaginator(props) {
Next
</Translate>
</div>
<div className="pagination-nav__label">
{metadata.next.title} &raquo;
</div>
<div className="pagination-nav__label">{next.title}</div>
</a>
)}
</div>

12
website/src/theme/PaginatorNavLink/index.js Normal file
View File

@ -0,0 +1,12 @@
import React from 'react';
function PaginatorNavLink({permalink, title, subLabel}) {
return (
<a className="pagination-nav__link" href={permalink}>
{subLabel && <div className="pagination-nav__sublabel">{subLabel}</div>}
<div className="pagination-nav__label">{title}</div>
</a>
);
}
export default PaginatorNavLink;