diff options
Diffstat (limited to 'vhosts/blog/nuldoc-src/components/Pagination.tsx')
| -rw-r--r-- | vhosts/blog/nuldoc-src/components/Pagination.tsx | 45 |
1 files changed, 0 insertions, 45 deletions
diff --git a/vhosts/blog/nuldoc-src/components/Pagination.tsx b/vhosts/blog/nuldoc-src/components/Pagination.tsx deleted file mode 100644 index 5527c924..00000000 --- a/vhosts/blog/nuldoc-src/components/Pagination.tsx +++ /dev/null @@ -1,45 +0,0 @@ -type Props = { - currentPage: number; - totalPages: number; - basePath: string; -}; - -export default function Pagination( - { currentPage, totalPages, basePath }: Props, -) { - if (totalPages <= 1) { - return <div></div>; - } - - const prevPage = currentPage > 1 ? currentPage - 1 : null; - const nextPage = currentPage < totalPages ? currentPage + 1 : null; - - const prevHref = prevPage === 1 ? basePath : `${basePath}${prevPage}/`; - const nextHref = `${basePath}${nextPage}/`; - - return ( - <nav className="pagination"> - <div className="pagination-prev"> - {prevPage - ? ( - <a href={prevHref}> - 前のページ - </a> - ) - : null} - </div> - <div className="pagination-info"> - {String(currentPage)} / {String(totalPages)} - </div> - <div className="pagination-next"> - {nextPage - ? ( - <a href={nextHref}> - 次のページ - </a> - ) - : null} - </div> - </nav> - ); -} |
