diff --git a/packages/manager/.changeset/pr-13448-fixed-1772228313479.md b/packages/manager/.changeset/pr-13448-fixed-1772228313479.md new file mode 100644 index 00000000000..8b60e9f805d --- /dev/null +++ b/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)) diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseNetworking/DatabaseConnectionPools.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseNetworking/DatabaseConnectionPools.tsx index e1fb2238719..c2c9621f5b9 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseNetworking/DatabaseConnectionPools.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseNetworking/DatabaseConnectionPools.tsx @@ -20,10 +20,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, @@ -183,7 +181,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}`, diff --git a/packages/manager/src/features/Databases/DatabaseLanding/DatabaseLandingTable.tsx b/packages/manager/src/features/Databases/DatabaseLanding/DatabaseLandingTable.tsx index 9bb985eed80..3eaeba8e5e9 100644 --- a/packages/manager/src/features/Databases/DatabaseLanding/DatabaseLandingTable.tsx +++ b/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({} 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}`, diff --git a/packages/manager/src/features/Databases/constants.ts b/packages/manager/src/features/Databases/constants.ts index 2f5572989d5..7dd4ac4f34a 100644 --- a/packages/manager/src/features/Databases/constants.ts +++ b/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];