From 868a5e189d2f54af290d50c8352d2d991df14a8a Mon Sep 17 00:00:00 2001
From: Kakabay <kashyrberdyew@gmail.com>
Date: Wed, 1 Mar 2023 19:14:42 +0500
Subject: [PATCH] aside type added

---
 src/pages/Category.tsx    | 15 +++++++--------
 src/pages/Main.tsx        |  2 +-
 src/pages/NewsArticle.tsx |  2 +-
 3 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/pages/Category.tsx b/src/pages/Category.tsx
index ed6e7b1..795e3c3 100644
--- a/src/pages/Category.tsx
+++ b/src/pages/Category.tsx
@@ -1,11 +1,11 @@
 // Modules
-import { motion } from "framer-motion";
+import { motion } from 'framer-motion';
 
 // Components
-import { useParams } from "react-router-dom";
-import Aside from "../components/aside/Aside";
-import NewsScroll from "../components/global/NewsScroll";
-import MainImg from "../components/category/MainImg";
+import { useParams } from 'react-router-dom';
+import Aside from '../components/aside/Aside';
+import NewsScroll from '../components/global/NewsScroll';
+import MainImg from '../components/category/MainImg';
 
 const Category = () => {
   let { category } = useParams();
@@ -14,8 +14,7 @@ const Category = () => {
       className="category"
       initial={{ opacity: 0, scale: 0.8 }}
       animate={{ opacity: 1, scale: 1, transition: { duration: 0.15 } }}
-      exit={{ opacity: 0, scale: 0.8, transition: { duration: 0.15 } }}
-    >
+      exit={{ opacity: 0, scale: 0.8, transition: { duration: 0.15 } }}>
       <div className="container">
         <div className="category-inner">
           <div className="category-left">
@@ -23,7 +22,7 @@ const Category = () => {
             <NewsScroll title={false} category={parseInt(category as string)} />
           </div>
           <div className="category-right">
-            <Aside />
+            <Aside type="popular" />
           </div>
         </div>
       </div>
diff --git a/src/pages/Main.tsx b/src/pages/Main.tsx
index 91579d4..1b6ccd8 100644
--- a/src/pages/Main.tsx
+++ b/src/pages/Main.tsx
@@ -21,7 +21,7 @@ const Main = () => {
             <MainContent />
             <div className="news-outer-wrapper">
               <NewsScroll title={true} />
-              <Aside />
+              <Aside type="popular" />
             </div>
             <Videos />
           </div>
diff --git a/src/pages/NewsArticle.tsx b/src/pages/NewsArticle.tsx
index df48c20..78e724d 100644
--- a/src/pages/NewsArticle.tsx
+++ b/src/pages/NewsArticle.tsx
@@ -112,7 +112,7 @@ const NewsArticle = () => {
           ) : (
             <Loader />
           )}
-          <Aside />
+          <Aside type="popular" />
         </div>
       </div>
     </motion.div>