diff --git a/components/posts/emoji.js b/components/posts/emoji.js index dab7439d..1f7a513a 100644 --- a/components/posts/emoji.js +++ b/components/posts/emoji.js @@ -30,21 +30,22 @@ export const EmojiImg = ({ name, ...props }) => ( const CustomEmoji = memo(function CustomEmoji({ name }) { const emoji = stripColons(name) let [image, setImage] = useState() + useEffect(() => { - try { - fetch('https://scrapbook.hackclub.com/api/emoji') - .then(r => r.json()) - .then(emojis => { - if (emojis[emoji]) { - setImage(emojis[emoji]) - return - } - setImage( - 'https://emoji.slack-edge.com/T0266FRGM/parrot/c9f4fddc5e03d762.gif' - ) - }) - } catch (e) {} - }, []) + fetch('https://scrapbook.hackclub.com/api/emoji') + .then(r => r.json()) + .then(emojis => { + if (emojis[emoji]) { + setImage(emojis[emoji]) + return + } + setImage( + 'https://emoji.slack-edge.com/T0266FRGM/parrot/c9f4fddc5e03d762.gif' + ) + }) + .catch(console.error) + }, [emoji]) + return image ? ( ) : (