From 720c1d81401b86c57819a3844b47933a0547dee2 Mon Sep 17 00:00:00 2001
From: Oyelola Victoria <oyelolaabimbola23@gmail.com>
Date: Sun, 8 Sep 2024 06:00:00 +0000
Subject: [PATCH] implement lazy loading for images on workshops page

Signed-off-by: Oyelola Victoria <oyelolaabimbola23@gmail.com>
---
 src/sections/Learn/Workshop-single/index.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/sections/Learn/Workshop-single/index.js b/src/sections/Learn/Workshop-single/index.js
index 1898542a9232..e6467364a172 100644
--- a/src/sections/Learn/Workshop-single/index.js
+++ b/src/sections/Learn/Workshop-single/index.js
@@ -36,27 +36,27 @@ const WorkshopSinglePage = ({ frontmatter, body }) => {
           <div className="social-icons">
             {frontmatter.slack && frontmatter.status === "delivered" ?
               <a href={frontmatter.slack} target = "_blank" rel="noreferrer" className="links">
-                <img src={Slack} alt="Slack"/>
+                <img src={Slack} alt="Slack" loading="lazy" />
                                 Slack
               </a> : ""}
             {frontmatter.slides && frontmatter.status === "delivered" ?
               <a href={frontmatter.slides} target = "_blank" rel="noreferrer" className="links">
-                <img src={Slide} alt="Slide"/>
+                <img src={Slide} alt="Slide" loading="lazy" />
                                 Slides
               </a> : ""}
             {frontmatter.eurl && frontmatter.status === "delivered" ?
               <a href={frontmatter.eurl} target = "_blank" rel="noreferrer" className="links">
-                <img src={LinkIcon} alt="Link"/>
+                <img src={LinkIcon} alt="Link" loading="lazy" />
                                 Link
               </a> : ""}
             {frontmatter.labs && frontmatter.status === "delivered" ?
               <a href={frontmatter.labs} target = "_blank" rel="noreferrer" className="links">
-                <img src={Lab} alt="Lab"/>
+                <img src={Lab} alt="Lab" loading="lazy" />
                                 Labs
               </a> : ""}
             {frontmatter.video && frontmatter.status === "delivered" ?
               <a href={frontmatter.video} target = "_blank" rel="noreferrer" className="links">
-                <img src={Youtube} alt="Youtube video"/>
+                <img src={Youtube} alt="Youtube video" loading="lazy" />
                                 Video
               </a> : ""}
           </div>