From b7d2de2166ca9c67b5095dc7f3561e11a6193ee5 Mon Sep 17 00:00:00 2001
From: Kakabay <kashyrberdyew@gmail.com>
Date: Tue, 31 Jan 2023 15:57:37 +0500
Subject: [PATCH] aside lazy loading added

---
 src/components/aside/AsideNews.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/aside/AsideNews.tsx b/src/components/aside/AsideNews.tsx
index 2431961..997d9d2 100644
--- a/src/components/aside/AsideNews.tsx
+++ b/src/components/aside/AsideNews.tsx
@@ -1,5 +1,6 @@
 // Modules
 import { Link } from 'react-router-dom';
+import { LazyLoadImage } from 'react-lazy-load-image-component';
 // Images
 import { ReactComponent as ArrRight } from '../../assets/icons/arrow-right.svg';
 // Components
@@ -19,7 +20,7 @@ const AsideNews = ({ title, category, date, img, link }: Props) => {
     <div className="aside-news">
       <div className="aside-news-wrapper">
         <div className="aside-news-image">
-          <img src={img} alt="img" />
+          <LazyLoadImage src={img} alt="image" useIntersectionObserver effect="blur" />
         </div>
         <div className="aside-news-info">
           <div className="aside-news-info-inner">