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
-
-
-
+ {
+ AUTHORITY !== 'none' ?
+
+
+
+ :
+
+ }
)
}