mirror of
https://github.com/Sonny93/my-links.git
synced 2025-12-08 14:43:24 +00:00
22 lines
530 B
TypeScript
22 lines
530 B
TypeScript
import RoundedImage from '~/components/common/rounded_image';
|
|
import { Item } from '~/components/dashboard/side_nav/nav_item';
|
|
import useUser from '~/hooks/use_user';
|
|
|
|
export default function UserCard() {
|
|
const { user, isAuthenticated } = useUser();
|
|
const altImage = `${user?.fullname}'s avatar`;
|
|
return (
|
|
isAuthenticated && (
|
|
<Item className="disable-hover">
|
|
<RoundedImage
|
|
src={user.avatarUrl}
|
|
width={24}
|
|
alt={altImage}
|
|
referrerPolicy="no-referrer"
|
|
/>
|
|
{user.fullname}
|
|
</Item>
|
|
)
|
|
);
|
|
}
|