@bitrise/bitkit 13.153.0 → 13.155.0

package/src/Components/Pagination/Pagination.tsx

@@ -13,8 +13,8 @@ export type PaginationProps = {
   perPage: number;
   totalCount: number;
   setPage: (newPage: number) => void;
-  setPerPage: (newPerPage: number) => void;
   itemsPerPageOptions?: number[];
+  setPerPage?: (newPerPage: number) => void;
 };
 
 const Pagination = ({
@@ -31,23 +31,27 @@ const Pagination = ({
 
   return (
     <Box alignItems="center" display="flex" gap="1rem">
-      <Box alignItems="center" display="flex" gap="0.5rem">
-        <Text textStyle="body/md/regular">Items per page:</Text>
-        <Dropdown
-          onChange={({ target }) => setPerPage(Number(target.value))}
-          search={false}
-          size="md"
-          value={perPage.toString()}
-          width="auto"
-        >
-          {itemsPerPageOptions.map((perPageOption) => (
-            <DropdownOption key={perPageOption} value={perPageOption.toString()}>
-              {perPageOption}
-            </DropdownOption>
-          ))}
-        </Dropdown>
-      </Box>
-      <Divider color="pal.neutral.90" height="3rem" orientation="vertical" />
+      {setPerPage && (
+        <>
+          <Box alignItems="center" display="flex" gap="0.5rem">
+            <Text textStyle="body/md/regular">Items per page:</Text>
+            <Dropdown
+              onChange={({ target }) => setPerPage(Number(target.value))}
+              search={false}
+              size="md"
+              value={perPage.toString()}
+              width="auto"
+            >
+              {itemsPerPageOptions.map((perPageOption) => (
+                <DropdownOption key={perPageOption} value={perPageOption.toString()}>
+                  {perPageOption}
+                </DropdownOption>
+              ))}
+            </Dropdown>
+          </Box>
+          <Divider color="pal.neutral.90" height="3rem" orientation="vertical" />
+        </>
+      )}
       <Text as="span" marginRight="auto" textStyle="body/md/regular">
         {itemsStartIndex}-{itemsEndIndex} of {totalCount} items
       </Text>