chore(pagination): rename to initialSelectedPage prop

kadena-community · Aug 23, 2023 · a6fa5e3 · a6fa5e3
1 parent 34c4d93
commit a6fa5e3
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git 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 (
       <Stack direction="column" gap="$4">
@@ -74,7 +74,7 @@ export const Controlled: Story = {
           currentPage={page}
           label={label}
           visiblePageLimit={visiblePageLimit}
-          initialPage={initialPage}
+          initialSelectedPage={initialSelectedPage}
           onPageChange={setPage}
         />
       </Stack>
@@ -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 (
       <Pagination
         totalPages={totalPages}
         label={label}
         visiblePageLimit={visiblePageLimit}
-        initialPage={initialPage}
+        initialSelectedPage={initialSelectedPage}
         onPageChange={() => 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
@@ -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<IPaginationProps> = ({
   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,