diff --git a/packages/libs/react-ui/src/components/Pagination/Pagination.stories.tsx b/packages/libs/react-ui/src/components/Pagination/Pagination.stories.tsx index 1ca7e94c33..a3466eeb95 100644 --- a/packages/libs/react-ui/src/components/Pagination/Pagination.stories.tsx +++ b/packages/libs/react-ui/src/components/Pagination/Pagination.stories.tsx @@ -36,7 +36,7 @@ const meta: Meta< step: 1, }, }, - initialPage: { + initialSelectedPage: { control: { type: 'number', min: 1, @@ -61,10 +61,10 @@ export const Controlled: Story = { label: 'Label', totalPages: 10, visiblePageLimit: 3, - initialPage: 2, + initialSelectedPage: 2, }, - render: ({ totalPages, label, visiblePageLimit, initialPage }) => { - const [page, setPage] = React.useState(initialPage ?? 1); + render: ({ totalPages, label, visiblePageLimit, initialSelectedPage }) => { + const [page, setPage] = React.useState(initialSelectedPage ?? 1); return ( @@ -74,7 +74,7 @@ export const Controlled: Story = { currentPage={page} label={label} visiblePageLimit={visiblePageLimit} - initialPage={initialPage} + initialSelectedPage={initialSelectedPage} onPageChange={setPage} /> @@ -87,15 +87,15 @@ export const Uncontrolled: Story = { label: 'Label', totalPages: 10, visiblePageLimit: 3, - initialPage: 2, + initialSelectedPage: 2, }, - render: ({ totalPages, label, visiblePageLimit, initialPage }) => { + render: ({ totalPages, label, visiblePageLimit, initialSelectedPage }) => { return ( console.log('Updating Page')} /> ); diff --git a/packages/libs/react-ui/src/components/Pagination/Pagination.tsx b/packages/libs/react-ui/src/components/Pagination/Pagination.tsx index 844db72902..c7c3c4fc7b 100644 --- a/packages/libs/react-ui/src/components/Pagination/Pagination.tsx +++ b/packages/libs/react-ui/src/components/Pagination/Pagination.tsx @@ -12,7 +12,7 @@ export interface IPaginationProps { currentPage?: number; label: string; visiblePageLimit?: number; - initialPage?: number; + initialSelectedPage?: number; onPageChange: (page: number) => void; } @@ -21,10 +21,10 @@ export const Pagination: FC = ({ currentPage, label, visiblePageLimit = 3, - initialPage, + initialSelectedPage, onPageChange, }) => { - const [_page, setPage] = useState(initialPage ?? 1); + const [_page, setPage] = useState(initialSelectedPage ?? 1); const page = currentPage || _page; const pages = paginate({ page,