From ba682fc50d0e49acdc333984896ce99b0e99f191 Mon Sep 17 00:00:00 2001
From: Guillaume Dorce <polynux.dev@gmail.com>
Date: Fri, 7 Oct 2022 14:27:27 +0200
Subject: [PATCH] fix avatar refresh 404 error

---
 client/src/components/Avatar.tsx | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/client/src/components/Avatar.tsx b/client/src/components/Avatar.tsx
index 6dc76e3..cb0baea 100644
--- a/client/src/components/Avatar.tsx
+++ b/client/src/components/Avatar.tsx
@@ -6,14 +6,22 @@ const Avatar = ({ user }: any) => {
   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 [avatar, setAvatar] = useState(avatarUi);
+  const [firstLoad, setFirstLoad] = useState(true);
 
-  fetch(gravatarUrl).then((response) => {
-    if (response.status === 200) {
-      setAvatar(gravatarUrl);
-    }
-  });
+  if (firstLoad) {
+    fetch(gravatarUrl).then((response) => {
+      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;