hide pagination if only one page

2022-08-02 15:12:03 -07:00 · 2022-08-02 15:12:03 -07:00 · 5e8b9711dc
commit 5e8b9711dc
parent 96c0876053
1 changed files with 3 additions and 0 deletions
--- a/web/components/pagination.tsx
+++ b/web/components/pagination.tsx
@ -1,4 +1,5 @@
 import clsx from 'clsx'
+import { Spacer } from './layout/spacer'

 export function Pagination(props: {
  page: number
@ -23,6 +24,8 @@ export function Pagination(props: {

  const maxPage = Math.ceil(totalItems / itemsPerPage) - 1

+  if (maxPage === 0) return <Spacer h={4} />
+
  return (
    <nav
      className={clsx(