diff --git a/js/apps/admin-ui/src/identity-providers/IdentityProvidersSection.tsx b/js/apps/admin-ui/src/identity-providers/IdentityProvidersSection.tsx index 69cda4859945..ca62a0e73834 100644 --- a/js/apps/admin-ui/src/identity-providers/IdentityProvidersSection.tsx +++ b/js/apps/admin-ui/src/identity-providers/IdentityProvidersSection.tsx @@ -135,7 +135,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 375a22d349fa..16704448742a 100644 --- a/js/apps/admin-ui/src/organizations/IdentityProviders.tsx +++ b/js/apps/admin-ui/src/organizations/IdentityProviders.tsx @@ -12,6 +12,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"; @@ -89,8 +90,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",