From 1f09778132968d9de18c3fd0a08948c741ff53a1 Mon Sep 17 00:00:00 2001
From: Kakabay <kashyrberdyew@gmail.com>
Date: Tue, 7 Feb 2023 10:31:35 +0500
Subject: [PATCH] aside news corrected

---
 src/components/aside/AsideNews.tsx | 31 ++++++++++++++----------------
 1 file changed, 14 insertions(+), 17 deletions(-)

diff --git a/src/components/aside/AsideNews.tsx b/src/components/aside/AsideNews.tsx
index de4800f..652f810 100644
--- a/src/components/aside/AsideNews.tsx
+++ b/src/components/aside/AsideNews.tsx
@@ -1,44 +1,41 @@
 // Modules
-import { Link } from "react-router-dom";
-import { LazyLoadImage } from "react-lazy-load-image-component";
+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";
+import { ReactComponent as ArrRight } from '../../assets/icons/arrow-right.svg';
 // Components
-import NewsCategory from "../global/NewsCategory";
-import NewsDate from "../global/NewsDate";
+import NewsCategory from '../global/NewsCategory';
+import NewsDate from '../global/NewsDate';
 
 interface Props {
   title: string;
   date: string;
   img: string;
+  category: string;
+  link: string;
 }
 
-const AsideNews = ({ title, date, img }: Props) => {
+const AsideNews = ({ title, date, img, category, link }: Props) => {
   return (
-    <div className="aside-news">
+    <Link to={link} className="aside-news">
       <div className="aside-news-wrapper">
         <div className="aside-news-image">
-          <LazyLoadImage
-            src={img}
-            alt="image"
-            useIntersectionObserver
-            effect="blur"
-          />
+          <LazyLoadImage src={img} alt="image" useIntersectionObserver effect="blur" />
         </div>
         <div className="aside-news-info">
           <div className="aside-news-info-inner">
             <div className="aside-news-status">
-              <NewsCategory title="политика" />
+              <NewsCategory title={category} />
               <NewsDate date={date} />
             </div>
             <h2 className="aside-news-title">{title}</h2>
           </div>
-          <Link to={`/news/1`} className="aside-news-link">
+          {/* <Link to={link} className="aside-news-link">
             <span>прочитать все</span> <ArrRight />
-          </Link>
+          </Link> */}
         </div>
       </div>
-    </div>
+    </Link>
   );
 };