diff --git a/packages/manager/.changeset/pr-13385-fixed-1770653263818.md b/packages/manager/.changeset/pr-13385-fixed-1770653263818.md new file mode 100644 index 00000000000..231d35d4be9 --- /dev/null +++ b/packages/manager/.changeset/pr-13385-fixed-1770653263818.md @@ -0,0 +1,5 @@ +--- +"@linode/manager": Fixed +--- + +IAM: a pagination for Assigned Entities table ([#13385](https://github.com/linode/manager/pull/13385)) diff --git a/packages/manager/src/features/IAM/Shared/AssignedEntitiesTable/AssignedEntitiesTable.tsx b/packages/manager/src/features/IAM/Shared/AssignedEntitiesTable/AssignedEntitiesTable.tsx index 3eafcff00d3..db1305c2183 100644 --- a/packages/manager/src/features/IAM/Shared/AssignedEntitiesTable/AssignedEntitiesTable.tsx +++ b/packages/manager/src/features/IAM/Shared/AssignedEntitiesTable/AssignedEntitiesTable.tsx @@ -204,6 +204,10 @@ export const AssignedEntitiesTable = ({ username }: Props) => { clientSidePaginationData: filteredAndSortedRoles, }); + const filteredAndSortedRolesCount = React.useMemo(() => { + return filteredAndSortedRoles.length; + }, [filteredAndSortedRoles]); + const renderTableBody = () => { if (entitiesLoading || loading) { return ; @@ -374,9 +378,9 @@ export const AssignedEntitiesTable = ({ username }: Props) => { role={selectedRole} username={username} /> - {pagination.paginatedData.length > PAGE_SIZES[0] && ( + {filteredAndSortedRolesCount > PAGE_SIZES[0] && (