Skip to content

Commit 63774cf

Browse files
committed
small fix
1 parent 708b363 commit 63774cf

File tree

2 files changed

+7
-1
lines changed

2 files changed

+7
-1
lines changed

packages/ui/src/components/Table/TablePagination.tsx

+3-1
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import { twMerge } from "tailwind-merge";
55
import { mergeDeep } from "../../helpers/merge-deep";
66
import { getTheme } from "../../theme-store";
77
import type { DeepPartial } from "../../types";
8+
import type { FlowbiteBoolean } from "../Flowbite";
89

910
export interface FlowbiteTablePaginationTheme {
1011
base: string;
@@ -18,6 +19,7 @@ export interface FlowbiteTablePaginationTheme {
1819
previous: string;
1920
pageNo: string;
2021
next: string;
22+
active: FlowbiteBoolean;
2123
};
2224
}
2325

@@ -97,7 +99,7 @@ export const TablePagination = forwardRef<HTMLDivElement, TablePaginationProps>(
9799
<button
98100
onClick={() => directPageChange(index)}
99101
key={index}
100-
className={twMerge(theme.page.pageNo, index === page ? "bg-blue-50 text-blue-600" : "")}
102+
className={twMerge(theme.page.pageNo, theme.page.active[index === page ? "on" : "off"])}
101103
>
102104
{pgNumber}
103105
</button>

packages/ui/src/components/Table/theme.ts

+4
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,10 @@ export const tableTheme: FlowbiteTableTheme = createTheme({
3838
"flex h-8 items-center justify-center border border-gray-300 bg-white px-3 leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white",
3939
previous:
4040
"ms-0 flex h-8 items-center justify-center rounded-s-lg border border-gray-300 bg-white px-3 leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white",
41+
active: {
42+
off: "",
43+
on: "bg-blue-50 text-blue-600 hover:bg-blue-100 hover:text-blue-700 dark:bg-gray-700 dark:text-white",
44+
},
4145
},
4246
},
4347
});

0 commit comments

Comments
 (0)