diff --git a/dashboard/src/features/entity-table/components/column-header-combo-filter.tsx b/dashboard/src/features/entity-table/components/column-header-combo-filter.tsx index 23922ea..8ac74e4 100644 --- a/dashboard/src/features/entity-table/components/column-header-combo-filter.tsx +++ b/dashboard/src/features/entity-table/components/column-header-combo-filter.tsx @@ -36,13 +36,18 @@ export function DataTableColumnHeaderFilterOption( const [selectedOption, setSelectedOption] = React.useState( null ) - const { filters } = useEntityTableContext(); + const { filters, table } = useEntityTableContext(); function handleClearingFilter() { filters.setColumnsFilter({ ...filters.columnsFilter, [column.id]: undefined }); setSelectedOption(null); } + React.useEffect(() => { + // if (table.getState().pagination.pageIndex !== 1) + table.setPageIndex(1); + }, [table, selectedOption]) + if (isDesktop) { return ( diff --git a/dashboard/src/features/entity-table/components/table-pagination.tsx b/dashboard/src/features/entity-table/components/table-pagination.tsx index 4cfe56e..20a7d67 100644 --- a/dashboard/src/features/entity-table/components/table-pagination.tsx +++ b/dashboard/src/features/entity-table/components/table-pagination.tsx @@ -13,16 +13,11 @@ import { SelectValue, } from "@marzneshin/components"; import { useTranslation } from "react-i18next"; -import { useEffect } from "react"; import { Table } from "@tanstack/react-table" export function DataTablePagination({ table }: { table: Table }) { const { t } = useTranslation(); - useEffect(() => { - if (table.getState().pagination.pageIndex === 1) table.setPageIndex(2); - }, [table]); - return (
{table.options.onRowSelectionChange && ( @@ -68,10 +63,12 @@ export function DataTablePagination({ table }: { table: Table }) {
-
- Page {table.getState().pagination.pageIndex + 1} of{" "} - {table.getPageCount() - 1} -
+ {(table.getPageCount() - 1) !== 0 && +
+ Page {table.getState().pagination.pageIndex + 1} of{" "} + {table.getPageCount() - 1} +
+ }