From 232eae036b66affe30e27c31389299b038d60d3a Mon Sep 17 00:00:00 2001
From: David Sevilla Martin <me@dsevilla.dev>
Date: Mon, 20 May 2024 19:40:32 -0400
Subject: [PATCH] lazy load poll & option images

---
 js/src/forum/components/Poll/PollOption.tsx | 2 +-
 js/src/forum/components/PostPoll.tsx        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/js/src/forum/components/Poll/PollOption.tsx b/js/src/forum/components/Poll/PollOption.tsx
index 25b480e7..23e96648 100644
--- a/js/src/forum/components/Poll/PollOption.tsx
+++ b/js/src/forum/components/Poll/PollOption.tsx
@@ -75,7 +75,7 @@ export default class PollOption extends Component<PollOptionAttrs, PollState> {
 
         <div className="PollAnswer-text">{this.optionDisplayItems().toArray()}</div>
 
-        {this.option.imageUrl() ? <img className="PollAnswer-image" src={this.option.imageUrl()} alt={this.option.answer()} /> : null}
+        {this.option.imageUrl() ? <img className="PollAnswer-image" src={this.option.imageUrl()} alt={this.option.answer()} loading="lazy" /> : null}
       </label>
     );
 
diff --git a/js/src/forum/components/PostPoll.tsx b/js/src/forum/components/PostPoll.tsx
index 61eba159..37878a24 100644
--- a/js/src/forum/components/PostPoll.tsx
+++ b/js/src/forum/components/PostPoll.tsx
@@ -183,7 +183,7 @@ export default class PostPoll extends Component<PostPollAttrs> {
           {canSeeVoteCount && <span className={classList('PollPercent', percent !== 100 && 'PollPercent--option')}>{percent}%</span>}
         </div>
 
-        {opt.imageUrl() ? <img className="PollAnswer-image" src={opt.imageUrl()} alt={opt.answer()} /> : null}
+        {opt.imageUrl() ? <img className="PollAnswer-image" src={opt.imageUrl()} alt={opt.answer()} loading="lazy" /> : null}
       </div>
     );