docusaurus/packages/docusaurus-theme-bootstrap/src/theme/BlogListPaginator/index.tsx
Sébastien Lorber f343450e85
feat(v2): migrate bootstrap components to ts (#3496)
* feat(v2): Migrate bootstrap theme to typescript

* chore(v2): Add eslint rule to avoid delete import of modules

* chore(v2): Add lib to gitignore

* chore(v2): Add prettier script

* chore(v2): change hooks to ts

* fix(v2): Fix Navbar and Layout problems

* fix(v2): scroll

* fix(v2): navbar metadata

* refactor(v2): improve css styles

* chore(v2): Restore debug layout

* feat(v2): Remove console.log

Co-authored-by: fanny <fanny.vieira@ccc.ufcg.edu.br>
2020-09-29 13:16:39 +02:00

40 lines
1.0 KiB
TypeScript

/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
import React from 'react';
import Link from '@docusaurus/Link';
import type {Props} from '@theme/BlogListPaginator';
function BlogListPaginator(props: Props): JSX.Element {
const {previousPage, nextPage} = props.metadata;
return (
<nav
aria-label="Blog list page navigation"
className="my-5 col col-xl-4 offset-xl-4 col-xs-6">
<ul className="pagination justify-content-between">
<li className="pagination__item">
{previousPage && (
<Link className="page-link rounded-pill" to={previousPage}>
Older
</Link>
)}
</li>
<li className="pagination__item">
{nextPage && (
<Link className="page-link rounded-pill" to={nextPage}>
Newer
</Link>
)}
</li>
</ul>
</nav>
);
}
export default BlogListPaginator;