diff --git a/apps/admin-ui/src/user-federation/UserFederationSection.tsx b/apps/admin-ui/src/user-federation/UserFederationSection.tsx index d6fe074dc2..5f8b75c457 100644 --- a/apps/admin-ui/src/user-federation/UserFederationSection.tsx +++ b/apps/admin-ui/src/user-federation/UserFederationSection.tsx @@ -120,41 +120,40 @@ export default function UserFederationSection() { }; if (userFederations) { - cards = userFederations.sort(cardSorter).map((userFederation, index) => { - const ufCardDropdownItems = [ - { - toggleDeleteForCard(userFederation.id!); - }} - data-testid="card-delete" - > - {t("common:delete")} - , - ]; - return ( - - - - ); - }); + cards = userFederations.sort(cardSorter).map((userFederation, index) => ( + + { + toggleDeleteForCard(userFederation.id!); + }} + data-testid="card-delete" + > + {t("common:delete")} + , + ]} + providerId={userFederation.providerId!} + title={userFederation.name!} + footerText={toUpperCase(userFederation.providerId!)} + labelText={ + userFederation.config?.["enabled"]?.[0] !== "false" + ? `${t("common:enabled")}` + : `${t("common:disabled")}` + } + labelColor={ + userFederation.config?.["enabled"]?.[0] !== "false" + ? "blue" + : "gray" + } + /> + + )); } return (