Rewrite EnhancedTablePagination to tsx (#2159)

* rewrote EnhancedTablePagination to tsx * fixed currentpage to currentPage
ita-social-projects · Aug 1, 2024 · fee7171 · fee7171
1 parent d5c6586
commit fee7171
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 4 deletions.
diff --git a/...ination/EnhancedTablePagination.styles.js → ...ination/EnhancedTablePagination.styles.ts b/...ination/EnhancedTablePagination.styles.js → ...ination/EnhancedTablePagination.styles.ts
diff --git a/...le-pagination/EnhancedTablePagination.jsx → ...le-pagination/EnhancedTablePagination.tsx b/...le-pagination/EnhancedTablePagination.jsx → ...le-pagination/EnhancedTablePagination.tsx
@@ -9,9 +9,15 @@ import Typography from '@mui/material/Typography'
 import AppButton from '~/components/app-button/AppButton'
 import { styles } from '~/components/enhanced-table/enhanced-table-pagination/EnhancedTablePagination.styles'
 
-import { ButtonVariantEnum } from '~/types'
+import { ButtonVariantEnum, TablePaginationProps } from '~/types'
 
-const EnhancedTablePagination = ({ pagination }) => {
+interface EnhancedTablePaginationProps {
+  pagination: TablePaginationProps
+}
+
+const EnhancedTablePagination = ({
+  pagination
+}: EnhancedTablePaginationProps) => {
   const { t } = useTranslation()
 
   const {
@@ -26,7 +32,7 @@ const EnhancedTablePagination = ({ pagination }) => {
     handlePageSubmit
   } = pagination
 
-  const PaginationController = (currentPage, pageCount) => {
+  const PaginationController = (currentPage: number, pageCount: number) => {
     return (
       <Box
         sx={{
@@ -42,7 +48,7 @@ const EnhancedTablePagination = ({ pagination }) => {
     )
   }
 
-  const getDisplayedRowsLabel = (from, to, count) =>
+  const getDisplayedRowsLabel = (from: number, to: number, count: number) =>
     `${from}-${to} ${t('table.of')} ${count}`
 
   return (

diff --git a/src/types/components/enhanced-table/enhancedTable.interface.ts b/src/types/components/enhanced-table/enhancedTable.interface.ts
@@ -48,3 +48,18 @@ export interface TableData<I> {
   loading?: boolean
   getData?: () => void
 }
+
+export interface TablePaginationProps {
+  page: number
+  pageInput: number | string
+  rowsPerPage: number
+  pageCount: number
+  itemsCount: number
+  handleChangePage: (
+    event: ChangeEvent<unknown> | MouseEvent | null,
+    page: number
+  ) => void
+  handleChangeRowsPerPage: (e: ChangeEvent<HTMLInputElement>) => void
+  handleChangePageInput: (e: ChangeEvent<HTMLInputElement>) => void
+  handlePageSubmit: (maxPages: number) => void
+}