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 (