Refactored UserAvatar component to use IIFE; Implemented error handling.

ECN · Apr 2, 2021 · 39f1615 · 39f1615
1 parent fa846eb
commit 39f1615
Showing 1 changed file with 8 additions and 9 deletions.
diff --git a/src/components/UserAvatar/UserAvatar.js b/src/components/UserAvatar/UserAvatar.js
@@ -6,16 +6,15 @@ export default function UserAvatar({ name, alias }) {
     const [userImageURL, setUserImageURL] = useState([]);
 
     useEffect(() => {
-        (async () => {
-            const response = await fetch(`https://engineering.purdue.edu/ECN/PersonPhotos/getPhoto?json=1&alias=${alias}`)
-            const jsonResponse = await response.json();
-            setUserImageURL(jsonResponse);
+        const getImageURL = (async () => {
+            const response = await fetch(`https://engineering.purdue.edu/ECN/PersonPhotos/getPhoto?json=1&alias=${alias}`);
+            if (response.status >= 200 && response.status <= 299) {
+                const jsonResponse = await response.json();
+                setUserImageURL(jsonResponse);
+            } else {
+                console.log(response.status, response.statusText)
+            }
         })();
-        // const getImageURL = async () => {
-        //     const response = await fetch(`https://engineering.purdue.edu/ECN/PersonPhotos/getPhoto?json=1&alias=${alias}`);
-        //     const jsonResponse = await response.json();
-        //     setUserImageURL(jsonResponse);
-        // };
     }, [alias])
 
     return (