From: Justin Shaw <realjustinshaw@gmail.com>
Date: Wed, 26 Jan 2022 06:48:11 +0000 (-0800)
Subject: Bugfix: Add lazy loading to emoji board (#259)
X-Git-Tag: v1.7.0~5
X-Git-Url: https://git.wafflesoft.org/?a=commitdiff_plain;h=308bdb3d464e6bb20168215019ff9bc4fa20f405;p=rainny.git

Bugfix: Add lazy loading to emoji board (#259)

* add lazy loading to emoji board

* add newline to end of package-lock file
---

diff --git a/src/app/organisms/emoji-board/EmojiBoard.jsx b/src/app/organisms/emoji-board/EmojiBoard.jsx
index 7a13b69..f236436 100644
--- a/src/app/organisms/emoji-board/EmojiBoard.jsx
+++ b/src/app/organisms/emoji-board/EmojiBoard.jsx
@@ -53,6 +53,7 @@ const EmojiGroup = React.memo(({ name, groupEmojis }) => {
                       unicode: emoji.unicode,
                       shortcodes: emoji.shortcodes?.toString(),
                       hexcode: emoji.hexcode,
+                      loading: 'lazy',
                     }),
                   },
                 ))
@@ -61,6 +62,7 @@ const EmojiGroup = React.memo(({ name, groupEmojis }) => {
                   <img
                     className="emoji"
                     draggable="false"
+                    loading="lazy"
                     alt={emoji.shortcode}
                     unicode={`:${emoji.shortcode}:`}
                     shortcodes={emoji.shortcode}