diff --git a/frontend/src/components/v2/Badge/Badge.tsx b/frontend/src/components/v2/Badge/Badge.tsx index 4afaa2c24..321c03296 100644 --- a/frontend/src/components/v2/Badge/Badge.tsx +++ b/frontend/src/components/v2/Badge/Badge.tsx @@ -15,8 +15,7 @@ const badgeVariants = cva( variant: { primary: "bg-yellow/20 text-yellow", danger: "bg-red/20 text-red", - success: "bg-green/20 text-green", - info: "bg-blue-500/20 text-blue-500" + success: "bg-green/20 text-green" } } } diff --git a/frontend/src/views/Org/IdentityPage/components/IdentityAuthenticationSection/IdentityAuthenticationSection.tsx b/frontend/src/views/Org/IdentityPage/components/IdentityAuthenticationSection/IdentityAuthenticationSection.tsx index 9d1d97a1d..8dc207279 100644 --- a/frontend/src/views/Org/IdentityPage/components/IdentityAuthenticationSection/IdentityAuthenticationSection.tsx +++ b/frontend/src/views/Org/IdentityPage/components/IdentityAuthenticationSection/IdentityAuthenticationSection.tsx @@ -3,7 +3,7 @@ import { faPencil, faPlus } from "@fortawesome/free-solid-svg-icons"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { OrgPermissionCan } from "@app/components/permissions"; -import { IconButton, Select, SelectItem, Tooltip } from "@app/components/v2"; +import { Button, IconButton, Select, SelectItem, Tooltip } from "@app/components/v2"; import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context"; import { useGetIdentityById } from "@app/hooks/api"; import { IdentityAuthMethod, identityAuthToNameMap } from "@app/hooks/api/identities"; @@ -81,57 +81,74 @@ export const IdentityAuthenticationSection = ({ }} -
- {data.identity.authMethods.length > 0 && ( - <> -
- + {data.identity.authMethods.length > 0 ? ( + <> +
+
+

Auth Method

-
- - { - handlePopUpOpen("identityAuthMethod", { - identityId, - name: data.identity.name, - authMethod: selectedAuthMethod, - allAuthMethods: data.identity.authMethods - }); - }} - ariaLabel="copy icon" - variant="plain" - className="group relative" +
+
+ +
+
+ + { + handlePopUpOpen("identityAuthMethod", { + identityId, + name: data.identity.name, + authMethod: selectedAuthMethod, + allAuthMethods: data.identity.authMethods + }); + }} + ariaLabel="copy icon" + variant="plain" + className="group relative" + > + + + {" "} +
- - )} -
-
-
-

Auth Method

+
+ {selectedAuthMethod === IdentityAuthMethod.UNIVERSAL_AUTH && ( + + )} + {selectedAuthMethod === IdentityAuthMethod.TOKEN_AUTH && ( + + )} + + ) : ( +
+

+ No authentication methods configured. Get started by creating a new auth method. +

+
-

- {selectedAuthMethod ? identityAuthToNameMap[selectedAuthMethod] : "Not configured"} -

-
- {selectedAuthMethod === IdentityAuthMethod.UNIVERSAL_AUTH && ( - - )} - {selectedAuthMethod === IdentityAuthMethod.TOKEN_AUTH && ( - )}
) : ( diff --git a/frontend/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityAuthMethodModal.tsx b/frontend/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityAuthMethodModal.tsx index db5f42819..a20bdd97a 100644 --- a/frontend/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityAuthMethodModal.tsx +++ b/frontend/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityAuthMethodModal.tsx @@ -265,7 +265,7 @@ export const IdentityAuthMethodModal = ({ popUp, handlePopUpOpen, handlePopUpTog > {label}{" "} {alreadyConfigured && !isSelectedAuthAlreadyConfigured && ( - Configured + Configured )}