import React, { useEffect, useState } from "react"; import AppContext from "../../particles/contexts/app-context"; import Header from "../../organisms/header"; import Footer from "../../organisms/footer"; import background from "../../../public/images/news/background.jpg"; import Image from "next/image"; import Blog from "../../molecules/blog"; import AppTemplate from "../../templates/app"; import { useTranslation } from "next-i18next"; import Pagination from "../../molecules/pagination/Pagination"; import Head from "next/head"; const News = ({ appData, blogs }: any) => { const { t } = useTranslation("common"); const [collapsed, setCollapsed] = useState(false); useEffect(() => { const handlScroll = () => { if (window.scrollY >= 25) { setCollapsed(true); } else { setCollapsed(false); } }; window.addEventListener("scroll", handlScroll); return () => window.removeEventListener("scroll", handlScroll); }, []); return ( } footer={