diff --git a/src/components/Auth/SignInList/SignInList.item.js b/src/components/Auth/SignInList/SignInList.item.js index 8fc426663..145562b40 100644 --- a/src/components/Auth/SignInList/SignInList.item.js +++ b/src/components/Auth/SignInList/SignInList.item.js @@ -1,4 +1,4 @@ -import React, { memo, useCallback } from 'react' +import React, { memo, useMemo, useCallback } from 'react' import PropTypes from 'prop-types' import { useTranslation } from 'react-i18next' @@ -14,7 +14,9 @@ export const SignInListItem = ({ handleDeleteAccount, }) => { const { t } = useTranslation() - const { email, isApiKeysAuth, localUsername } = user + const { + email, isApiKeysAuth, localUsername, isStagingBfxApi, + } = user const addAccounts = useCallback( () => handleAddAccounts(email, localUsername), @@ -26,6 +28,13 @@ export const SignInListItem = ({ [user], ) + const userType = useMemo( + () => (isStagingBfxApi + ? `${t(getUserType(user))} - Staging` + : t(getUserType(user))), + [isStagingBfxApi, t, user], + ) + return (
- {t(getUserType(user))} + {userType}