diff --git a/ui/src/components/UserInfos.module.css b/ui/src/components/UserInfos.module.css index 69df56377..23ee8be6e 100644 --- a/ui/src/components/UserInfos.module.css +++ b/ui/src/components/UserInfos.module.css @@ -18,7 +18,7 @@ background-color: rgba(0, 0, 0, 0.08); } -.userInfos > a > img { +.userInfos img { border-radius: 50%; max-width: 48px; } diff --git a/ui/src/components/UserInfos.tsx b/ui/src/components/UserInfos.tsx index 37a66ab78..f7ed8039e 100644 --- a/ui/src/components/UserInfos.tsx +++ b/ui/src/components/UserInfos.tsx @@ -8,9 +8,6 @@ import { AUTHORITY, CLIENT_ID } from '../config' import { getAPIURL } from '../helpers' const getAccountURL = () => { - if (AUTHORITY === 'mock') { - return '' - } if (AUTHORITY.includes('realms')) { // keycloak specifics return `${AUTHORITY}/account?referrer=${CLIENT_ID}&referrer_uri=${encodeURI(document.location.href)}` @@ -31,9 +28,14 @@ export const UserInfos = () => { Member - - {user.username} - + { + AUTHORITY !== 'none' ? + + {user.username} + + : + {user.username} + } ) }