Fix: Added fallback for avatar.io failing image (codesandbox#3525)

anuraghazra · SaraVieira · web-flow · commit 82c6370c7a5b · 2020-02-17T15:40:35.000+01:00
* Fix: Added fallback for avatar.io failing image

* no early return

* update emma handle

Co-authored-by: Sara Vieira &lt;hey@iamsaravieira.com&gt;
diff --git a/packages/homepage/src/pages/ide/_tweets.js b/packages/homepage/src/pages/ide/_tweets.js
@@ -18,10 +18,10 @@ const tweets = [
     username: 'elijahmanor',
   },
   {
-    name: 'Emma Wedekind',
+    name: 'Emma Bostian',
     quote: 'It is by far the best online code editor I’ve ever used',
-    URL: 'https://twitter.com/EmmaWedekind/status/1145977857203724288?s=20',
-    username: 'EmmaWedekind',
+    URL: 'https://twitter.com/EmmaBostian/status/1145977857203724288?s=20',
+    username: 'EmmaBostian',
   },
   {
     name: 'Jen Looper',
diff --git a/packages/homepage/src/pages/ide/index.js b/packages/homepage/src/pages/ide/index.js
@@ -196,6 +196,9 @@ export default () => (
               <img
                 src={`https://avatars.io/twitter/${tweet.username}`}
                 alt={tweet.quote}
+                onError={e => {
+                  e.target.src = `https://avatars.io/static/default_128.jpg`;
+                }}
               />
               <TweetAuthor>{tweet.name}</TweetAuthor>
             </div>

Original file line number	Diff line number	Diff line change
`@@ -18,10 +18,10 @@ const tweets = [`
`18`	`18`	`username: 'elijahmanor',`
`19`	`19`	`},`
`20`	`20`	`{`
`21`		`- name: 'Emma Wedekind',`
	`21`	`+ name: 'Emma Bostian',`
`22`	`22`	`quote: 'It is by far the best online code editor I’ve ever used',`
`23`		`- URL: 'https://twitter.com/EmmaWedekind/status/1145977857203724288?s=20',`
`24`		`- username: 'EmmaWedekind',`
	`23`	`+ URL: 'https://twitter.com/EmmaBostian/status/1145977857203724288?s=20',`
	`24`	`+ username: 'EmmaBostian',`
`25`	`25`	`},`
`26`	`26`	`{`
`27`	`27`	`name: 'Jen Looper',`