Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2024-12-16 20:26:19 -05:00
Code Issues Activity

feat(console): hard code admin display name with username (#1348)

Browse source
This commit is contained in:
Xiao Yijun 2022-07-01 18:46:57 +08:00 committed by GitHub
parent 84aa0e866d
commit 496b17b527
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/console/src/components/AppContent/components/UserInfo/index.tsx
View file

@ -18,14 +18,14 @@ const UserInfo = () => {
const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
const anchorRef = useRef<HTMLDivElement>(null);
const [showDropDown, setShowDropdown] = useState(false);
const [user, setUser] = useState<Pick<IdTokenClaims, 'sub' | 'name' | 'avatar'>>();
const [user, setUser] = useState<Pick<IdTokenClaims, 'sub' | 'username' | 'avatar'>>();
const [isLoading, setIsLoading] = useState(false);
useEffect(() => {
(async () => {
if (isAuthenticated) {
const userInfo = getIdTokenClaims();
setUser(userInfo ?? { sub: '', name: 'N/A' }); // Provide a fallback to avoid infinite loading state
setUser(userInfo ?? { sub: '', username: 'N/A' }); // Provide a fallback to avoid infinite loading state
}
})();
}, [api, isAuthenticated, getIdTokenClaims]);
@ -34,7 +34,7 @@ const UserInfo = () => {
return <UserInfoSkeleton />;
}
const { sub: id, name, avatar } = user;
const { sub: id, username, avatar } = user;
return (
<>
@ -47,7 +47,7 @@ const UserInfo = () => {
>
<img src={avatar || generateAvatarPlaceHolderById(id)} />
<div className={styles.wrapper}>
<div className={styles.name}>{name || t('users.unnamed')}</div>
<div className={styles.name}>{username}</div>
</div>
</div>
<Dropdown