From d228e8996ac6a649bd4c8506a8b0e7dbe1f0ce1c Mon Sep 17 00:00:00 2001
From: Kakabay <kashyrberdyew@gmail.com>
Date: Wed, 1 Feb 2023 13:40:26 +0500
Subject: [PATCH] News scroll title state added

---
 src/components/global/NewsScroll.tsx | 11 +++++++++--
 src/pages/Category.tsx               | 10 +++++-----
 src/pages/Main.tsx                   |  2 +-
 3 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/components/global/NewsScroll.tsx b/src/components/global/NewsScroll.tsx
index cabde25..2100165 100644
--- a/src/components/global/NewsScroll.tsx
+++ b/src/components/global/NewsScroll.tsx
@@ -4,11 +4,18 @@ import SectionTitle from './SectionTitle';
 // Images
 import placeholder from '../../assets/images/placeholder.jpg';
 
-const NewsScroll = () => {
+// Interface
+interface Props {
+  state: boolean;
+}
+
+const NewsScroll = ({ state }: Props) => {
   return (
     <div className="news-scroll">
       <div className="news-scroll-wrapper">
-        <SectionTitle title="Лента новостей" linkData={{ link: '/', title: 'Посмотреть все' }} />
+        {state === true ? (
+          <SectionTitle title="Лента новостей" linkData={{ link: '/', title: 'Посмотреть все' }} />
+        ) : null}
         <div className="news-scroll-inner">
           <News
             title="Президент Туркменистана провёл рабочее совещание по цифровой системе"
diff --git a/src/pages/Category.tsx b/src/pages/Category.tsx
index 99b482e..23f811c 100644
--- a/src/pages/Category.tsx
+++ b/src/pages/Category.tsx
@@ -1,10 +1,10 @@
 // Components
-import Aside from "../components/aside/Aside";
-import NewsScroll from "../components/global/NewsScroll";
-import MainImg from "../components/category/MainImg";
+import Aside from '../components/aside/Aside';
+import NewsScroll from '../components/global/NewsScroll';
+import MainImg from '../components/category/MainImg';
 
 // Images
-import Placeholder from "../assets/images/placeholder3.png";
+import Placeholder from '../assets/images/placeholder3.png';
 
 const Category = () => {
   return (
@@ -13,7 +13,7 @@ const Category = () => {
         <div className="category-inner">
           <div className="category-left">
             <MainImg img={Placeholder} />
-            <NewsScroll />
+            <NewsScroll state={false} />
           </div>
           <div className="category-right">
             <Aside />
diff --git a/src/pages/Main.tsx b/src/pages/Main.tsx
index 684c947..e97b7f4 100644
--- a/src/pages/Main.tsx
+++ b/src/pages/Main.tsx
@@ -7,7 +7,7 @@ const Main = () => {
       <div className="news-section">
         <div className="container">
           <div className="news-inner">
-            <NewsScroll />
+            <NewsScroll state={true} />
             <Aside />
           </div>
         </div>