From 0df2e7d3e80ac9e8e06a0ead45ae6c844e015aca Mon Sep 17 00:00:00 2001
From: Nick Pisani <napisani@yahoo.com>
Date: Sun, 25 Feb 2024 22:23:31 -0500
Subject: [PATCH] table page control

---
 web/src/TablePageControl.tsx | 74 ------------------------------------
 1 file changed, 74 deletions(-)
 delete mode 100644 web/src/TablePageControl.tsx

diff --git a/web/src/TablePageControl.tsx b/web/src/TablePageControl.tsx
deleted file mode 100644
index 8cdab98..0000000
--- a/web/src/TablePageControl.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import { Table } from '@tanstack/react-table'
-
-const buttonStyle = {
-  border: '1px solid black',
-  borderRadius: '5px',
-  padding: '5px',
-}
-export function TablePageControl({ table }: { table: Table<any> }) {
-  return (
-    <div
-      style={{
-        display: 'flex',
-        justifyContent: 'center',
-        gap: '.5rem',
-        marginTop: '5px',
-      }}
-    >
-      <button
-        style={buttonStyle}
-        onClick={() => table.setPageIndex(0)}
-        disabled={!table.getCanPreviousPage()}
-      >
-        {'<<'}
-      </button>
-      <button
-        style={buttonStyle}
-        onClick={() => table.previousPage()}
-        disabled={!table.getCanPreviousPage()}
-      >
-        {'<'}
-      </button>
-      <button
-        style={buttonStyle}
-        onClick={() => table.nextPage()}
-        disabled={!table.getCanNextPage()}
-      >
-        {'>'}
-      </button>
-      <button
-        style={buttonStyle}
-        onClick={() => table.setPageIndex(table.getPageCount() - 1)}
-        disabled={!table.getCanNextPage()}
-      >
-        {'>>'}
-      </button>
-      <span
-        style={{
-          display: 'flex',
-          alignItems: 'center',
-          gap: '1rem',
-          marginLeft: '1rem',
-          marginRight: '1rem',
-        }}
-      >
-        <div>Page:</div>
-        <strong>
-          {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}
-        </strong>
-      </span>
-      <select
-        value={table.getState().pagination.pageSize}
-        onChange={(e) => {
-          table.setPageSize(Number(e.target.value))
-        }}
-      >
-        {[10, 20, 30, 40, 50].map((pageSize) => (
-          <option key={pageSize} value={pageSize}>
-            Show {pageSize}
-          </option>
-        ))}
-      </select>
-    </div>
-  )
-}