From 01d0fd35ade09aeb0a4573f60efe56d6969bd034 Mon Sep 17 00:00:00 2001
From: Kakabay <kashyrberdyew@gmail.com>
Date: Tue, 31 Jan 2023 15:53:18 +0500
Subject: [PATCH] lazy loading added

---
 src/pages/NewsArticle.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/NewsArticle.tsx b/src/pages/NewsArticle.tsx
index 41b8aa5..6d1b7fe 100644
--- a/src/pages/NewsArticle.tsx
+++ b/src/pages/NewsArticle.tsx
@@ -1,3 +1,5 @@
+// Modules
+import { LazyLoadImage } from 'react-lazy-load-image-component';
 // Components
 import Aside from '../components/aside/Aside';
 // Images
@@ -20,7 +22,7 @@ const NewsArticle = () => {
               </h2>
             </div>
             <div className="news-article-image">
-              <img src={placeholder} alt="image" />
+              <LazyLoadImage src={placeholder} alt="image" useIntersectionObserver effect="blur" />
             </div>
             <p className="news-article-text">
               Lorem ipsum dolor sit amet consectetur. Vestibulum eget elementum urna tincidunt diam