diff --git a/js/apps/admin-ui/src/identity-providers/IdentityProvidersSection.tsx b/js/apps/admin-ui/src/identity-providers/IdentityProvidersSection.tsx index c056612c5ac..f487268f1b2 100644 --- a/js/apps/admin-ui/src/identity-providers/IdentityProvidersSection.tsx +++ b/js/apps/admin-ui/src/identity-providers/IdentityProvidersSection.tsx @@ -109,7 +109,7 @@ export default function IdentityProvidersSection() { params.search = search; } const providers = await adminClient.identityProviders.find(params); - return sortBy(providers, ["config.guiOrder", "alias"]); + return sortBy(providers, "alias"); }; const navigateToCreate = (providerId: string) => diff --git a/js/apps/admin-ui/src/organizations/IdentityProviders.tsx b/js/apps/admin-ui/src/organizations/IdentityProviders.tsx index 1d6cf3628c4..f4bc227c402 100644 --- a/js/apps/admin-ui/src/organizations/IdentityProviders.tsx +++ b/js/apps/admin-ui/src/organizations/IdentityProviders.tsx @@ -6,6 +6,7 @@ import { Switch, ToolbarItem, } from "@patternfly/react-core"; +import { sortBy } from "lodash-es"; import { BellIcon } from "@patternfly/react-icons"; import { useState } from "react"; import { useTranslation } from "react-i18next"; @@ -85,8 +86,12 @@ export const IdentityProviders = () => { [], ); - const loader = () => - adminClient.organizations.listIdentityProviders({ orgId: orgId! }); + const loader = async () => { + const providers = await adminClient.organizations.listIdentityProviders({ + orgId: orgId!, + }); + return sortBy(providers, "alias"); + }; const [toggleUnlinkDialog, UnlinkConfirm] = useConfirmDialog({ titleKey: "identityProviderUnlink",