polynux
/
groupomania
mirror of https://github.com/polynux/groupomania-openclassrooms.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix avatar refresh 404 error

This commit is contained in:
Guillaume Dorce 2022-10-07 14:27:27 +02:00
parent f3ee5da6f4
commit ba682fc50d
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
client/src/components/Avatar.tsx
View File

@ -6,14 +6,22 @@ const Avatar = ({ user }: any) => {
const gravatarUrl = gravatar.url(user.email, { s: '64', r: 'x', d: '404' }, true); const gravatarUrl = gravatar.url(user.email, { s: '64', r: 'x', d: '404' }, true);
const avatarUi = `https://ui-avatars.com/api/?name=${initials}&background=0D8ABC&color=fff&size=64`; const avatarUi = `https://ui-avatars.com/api/?name=${initials}&background=0D8ABC&color=fff&size=64`;
const [avatar, setAvatar] = useState(avatarUi); const [avatar, setAvatar] = useState(avatarUi);
const [firstLoad, setFirstLoad] = useState(true);
fetch(gravatarUrl).then((response) => { if (firstLoad) {
if (response.status === 200) { fetch(gravatarUrl).then((response) => {
setAvatar(gravatarUrl); if (response.status === 200) {
} setAvatar(gravatarUrl);
}); }
setFirstLoad(false);
});
}
return <div className='avatar shrink-0'><img src={avatar} alt="avatar" className='rounded-full w-16 h-16 cursor-pointer' /></div>; return (
<div className="avatar shrink-0">
<img src={avatar} alt="avatar" className="rounded-full w-16 h-16 cursor-pointer" />
</div>
);
}; };
export default Avatar; export default Avatar;