fix: [UIE-10244] - Connection Pools table page size (linode#13448)

Remove Infinity option from the Database Connection Pools table page size dropdown

Author: hana-akamai

packages/manager/.changeset/pr-13448-fixed-1772228313479.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+Database Connection Pools table page size ([#13448](https://github.com/linode/manager/pull/13448))

packages/manager/src/features/Databases/DatabaseDetail/DatabaseNetworking/DatabaseConnectionPools.tsx

@@ -21,10 +21,8 @@ import {
 import React from 'react';
 
 import { Link } from 'src/components/Link';
-import {
-  MIN_PAGE_SIZE,
-  PAGE_SIZES,
-} from 'src/components/PaginationFooter/PaginationFooter.constants';
+import { MIN_PAGE_SIZE } from 'src/components/PaginationFooter/PaginationFooter.constants';
+import { DEFAULT_PAGE_SIZES } from 'src/features/Databases/constants';
 import {
   CONNECTION_POOL_LABEL_CELL_STYLES,
   MANAGE_CONNECTION_POOLS_LEARN_MORE_LINK,
@@ -227,7 +225,7 @@ export const DatabaseConnectionPools = ({ database }: Props) => {
           ) => pagination.handlePageSizeChange(Number(e.detail.pageSize))}
           page={pagination.page}
           pageSize={pagination.pageSize}
-          pageSizes={PAGE_SIZES}
+          pageSizes={DEFAULT_PAGE_SIZES}
           style={{
             borderLeft: `1px solid ${theme.tokens.alias.Border.Normal}`,
             borderRight: `1px solid ${theme.tokens.alias.Border.Normal}`,

packages/manager/src/features/Databases/DatabaseLanding/DatabaseLandingTable.tsx

@@ -10,7 +10,9 @@ import {
 } from 'akamai-cds-react-components/Table';
 import React from 'react';
 
+import { MIN_PAGE_SIZE } from 'src/components/PaginationFooter/PaginationFooter.constants';
 import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty';
+import { DEFAULT_PAGE_SIZES } from 'src/features/Databases/constants';
 import { DatabaseSettingsDeleteClusterDialog } from 'src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsDeleteClusterDialog';
 import DatabaseSettingsResetPasswordDialog from 'src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsResetPasswordDialog';
 import { ManageAccessControlDrawer } from 'src/features/Databases/DatabaseDetail/ManageAccessControlDrawer';
@@ -54,8 +56,6 @@ const DatabaseLandingTable = ({
     preferenceKey,
     queryParamsPrefix: dbPlatformType,
   });
-  const PAGE_SIZES = [25, 50, 75, 100];
-  const MIN_PAGE_SIZE = 25;
 
   const [selectedDatabase, setSelectedDatabase] =
     React.useState<DatabaseInstance>({} as DatabaseInstance);
@@ -245,7 +245,7 @@ const DatabaseLandingTable = ({
           ) => pagination.handlePageSizeChange(Number(e.detail.pageSize))}
           page={pagination.page}
           pageSize={pagination.pageSize}
-          pageSizes={PAGE_SIZES}
+          pageSizes={DEFAULT_PAGE_SIZES}
           style={{
             borderLeft: `1px solid ${theme.tokens.alias.Border.Normal}`,
             borderRight: `1px solid ${theme.tokens.alias.Border.Normal}`,

packages/manager/src/features/Databases/constants.ts

@@ -92,3 +92,5 @@ export const usernameOptions = [
   { label: defaultUsername, value: defaultUsername },
   { label: 'akmadmin', value: 'akmadmin' },
 ]; // Currently the only options for the username field
+
+export const DEFAULT_PAGE_SIZES = [25, 50, 75, 100];