From 3c452f9ad1a79c09b17fc26fcc9dc6685616f2f7 Mon Sep 17 00:00:00 2001
From: VividTruthKeeper <mr.aydogdy02@gmail.com>
Date: Thu, 23 Feb 2023 09:30:32 +0500
Subject: [PATCH] all posts

---
 src/App.tsx                          |  3 +-
 src/components/global/NewsScroll.tsx |  2 +-
 src/pages/AllPosts.tsx               | 42 ++++++++++++++++++++++++++++
 3 files changed, 45 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/AllPosts.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 4ec1c65..c10d915 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -17,12 +17,12 @@ import Main from "./pages/Main";
 import NewsArticle from "./pages/NewsArticle";
 import Category from "./pages/Category";
 import SearchResult from "./pages/SearchResult";
+import AllPosts from "./pages/AllPosts";
 
 // Components
 import Header from "./components/header/Header";
 import Footer from "./components/footer/Footer";
 import { Api } from "./api/Api";
-// import { useEffect } from "react";
 
 const App = () => {
   const location = useLocation();
@@ -42,6 +42,7 @@ const App = () => {
             <Route path="/category/:category" element={<Category />} />
             <Route path="/news/:id" element={<NewsArticle />} />
             <Route path="/search/:word" element={<SearchResult />} />
+            <Route path="/all/:category" element={<AllPosts />} />
           </Routes>
         </AnimatePresence>
         <Footer />
diff --git a/src/components/global/NewsScroll.tsx b/src/components/global/NewsScroll.tsx
index 7e9fbb8..b8c96d0 100644
--- a/src/components/global/NewsScroll.tsx
+++ b/src/components/global/NewsScroll.tsx
@@ -74,7 +74,7 @@ const NewsScroll = ({ title, category }: Props) => {
         {title === true ? (
           <SectionTitle
             title="Лента новостей"
-            linkData={{ link: "/", title: "Посмотреть все" }}
+            linkData={{ link: "/all/", title: "Посмотреть все" }}
           />
         ) : null}
         <div className="news-scroll-inner">
diff --git a/src/pages/AllPosts.tsx b/src/pages/AllPosts.tsx
new file mode 100644
index 0000000..cade926
--- /dev/null
+++ b/src/pages/AllPosts.tsx
@@ -0,0 +1,42 @@
+// Modules
+import { useState, useEffect } from "react";
+import { useParams } from "react-router-dom";
+
+// Api
+import { Api } from "../api/Api";
+import { url } from "../url";
+
+// Components
+import CustomNewsScroll from "../components/global/CustomNewsScroll";
+import { IurlParamAdder } from "../types/api.types";
+
+const AllPosts = () => {
+  const { category } = useParams();
+  const api = new Api(url + category);
+  const language = api.language;
+
+  const [params, setParams] = useState<IurlParamAdder[]>([
+    {
+      name: "count",
+      value: 10,
+    },
+  ]);
+
+  const [lastLanguage, setLastLanguage] = useState<typeof language>(language);
+
+  useEffect(() => {
+    if (language !== lastLanguage) {
+      // api.get()
+    }
+  }, [language, lastLanguage]);
+
+  return (
+    <main className="all">
+      <div className="container">
+        <div className="all-inner"></div>
+      </div>
+    </main>
+  );
+};
+
+export default AllPosts;