From 39f1615626560c89424c1ccc67cff2235ff3f433 Mon Sep 17 00:00:00 2001
From: wrigh393 <wrigh393@purdue.edu>
Date: Fri, 2 Apr 2021 09:52:23 -0400
Subject: [PATCH] Refactored UserAvatar component to use IIFE; Implemented
 error handling.

---
 src/components/UserAvatar/UserAvatar.js | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/UserAvatar/UserAvatar.js b/src/components/UserAvatar/UserAvatar.js
index a04c495..d4341a2 100644
--- 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 (