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 = () => {
} />
} />
} />
+ } />
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 ? (
) : null}
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
([
+ {
+ name: "count",
+ value: 10,
+ },
+ ]);
+
+ const [lastLanguage, setLastLanguage] = useState(language);
+
+ useEffect(() => {
+ if (language !== lastLanguage) {
+ // api.get()
+ }
+ }, [language, lastLanguage]);
+
+ return (
+
+
+
+ );
+};
+
+export default AllPosts;