Try/catch profile pic (#406)

AudiusProject · May 4, 2021 · 2111e13 · 2111e13
1 parent 53fa3ca
commit 2111e13
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 16 deletions.
diff --git a/src/containers/sign-on/components/desktop/ProfilePage.js b/src/containers/sign-on/components/desktop/ProfilePage.js
@@ -107,14 +107,19 @@ export class ProfilePage extends Component {
   onInstagramLogin = async (uuid, profile) => {
     try {
       if (profile.profile_pic_url_hd) {
-        const profileUrl = profile.profile_pic_url_hd
-        const imageBlob = await fetch(profileUrl).then(r => r.blob())
-        const artworkFile = new File([imageBlob], 'Artwork', {
-          type: 'image/jpeg'
-        })
-        const file = await resizeImage(artworkFile)
-        const url = URL.createObjectURL(file)
-        this.props.setInstagramProfile(uuid, profile, { url, file })
+        try {
+          const profileUrl = profile.profile_pic_url_hd
+          const imageBlob = await fetch(profileUrl).then(r => r.blob())
+          const artworkFile = new File([imageBlob], 'Artwork', {
+            type: 'image/jpeg'
+          })
+          const file = await resizeImage(artworkFile)
+          const url = URL.createObjectURL(file)
+          this.props.setInstagramProfile(uuid, profile, { url, file })
+        } catch (e) {
+          console.error('Failed to fetch profile_pic_url_hd', e)
+          this.props.setInstagramProfile(uuid, profile)
+        }
       } else {
         this.props.setInstagramProfile(uuid, profile)
       }

diff --git a/src/containers/sign-on/components/mobile/ProfilePage.tsx b/src/containers/sign-on/components/mobile/ProfilePage.tsx
@@ -142,14 +142,19 @@ const ProfilePage = (props: ProfilePageProps) => {
   const onInstagramLogin = async (uuid: string, profile: InstagramProfile) => {
     try {
       if (profile.profile_pic_url_hd) {
-        const profileUrl = profile.profile_pic_url_hd
-        const imageBlob = await fetch(profileUrl).then(r => r.blob())
-        const artworkFile = new File([imageBlob], 'Artwork', {
-          type: 'image/jpeg'
-        })
-        const file = await resizeImage(artworkFile)
-        const url = URL.createObjectURL(file)
-        setInstagramProfile(uuid, profile, { url, file })
+        try {
+          const profileUrl = profile.profile_pic_url_hd
+          const imageBlob = await fetch(profileUrl).then(r => r.blob())
+          const artworkFile = new File([imageBlob], 'Artwork', {
+            type: 'image/jpeg'
+          })
+          const file = await resizeImage(artworkFile)
+          const url = URL.createObjectURL(file)
+          setInstagramProfile(uuid, profile, { url, file })
+        } catch (e) {
+          console.error('Failed to fetch profile_pic_url_hd', e)
+          setInstagramProfile(uuid, profile)
+        }
       } else {
         setInstagramProfile(uuid, profile)
       }