{"version":3,"file":"static/js/165.e0565a3f.chunk.js","mappings":"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","sources":["Pages/Dynamic_Pages/CategoryPage.jsx"],"sourcesContent":["import { useContext, useEffect, useState } from \"react\";\r\n// import constFile from '../Middleware/ConstFile';\r\nimport {\r\n  Link,\r\n  NavLink,\r\n  useLocation,\r\n  useNavigate,\r\n  useParams,\r\n} from \"react-router-dom\";\r\nimport Skeleton from \"react-loading-skeleton\";\r\nimport \"react-loading-skeleton/dist/skeleton.css\";\r\n// import MustReadSideBar from \"../../Component/SideNews/MustReadSideBar\";\r\nimport Loader from \"../../Component/UI/Loader\";\r\nimport CurrentIssue from \"../../Component/Third-PartyAds/CurrentIssue\";\r\nimport ReactPaginate from \"react-paginate\";\r\nimport { Constants } from \"../../Middleware/Constant\";\r\nimport { DataContext } from \"../../Component/Context/SidebarContext\";\r\nimport SideAd from \"../../Component/Third-PartyAds/Advertise\";\r\nimport TrendingPosts from \"../../Component/SideNews/TrendingPost\";\r\nimport useFetchMetaTags from \"../../Middleware/useFetchMetaTags\";\r\n// import { Helmet } from \"react-helmet-async\";\r\nimport editIcon from \"../../assets/img/pencil_2606509 (2).png\";\r\n\r\nexport default function CategoryPage() {\r\n  const [news, setNews] = useState([]);\r\n  const [loading, setLoading] = useState(true);\r\n  const [error, setError] = useState(null);\r\n  const [currentPage, setCurrentPage] = useState(0);\r\n  const [pageCount, setPageCount] = useState(0);\r\n  const location = useLocation();\r\n  const navigate = useNavigate();\r\n  const { sectionType } = useParams();\r\n  const numberOfPost = 24;\r\n  const {\r\n    data: adsData,\r\n    homeNews: trendingNews,\r\n    user,\r\n  } = useContext(DataContext);\r\n  // const { data: tags } = useFetchMetaTags(sectionType);\r\n\r\n  const ads = adsData?.data;\r\n  const trendingData = trendingNews?.data?.trending_news;\r\n\r\n  // const controller = new AbortController();\r\n  // const timeoutId = setTimeout(() => controller.abort(), 10000);\r\n\r\n  const fetchNews = async (page) => {\r\n    setLoading(true);\r\n    setError(null);\r\n\r\n    const urlEncodedData = new URLSearchParams();\r\n    urlEncodedData.append(\"cate_slug\", sectionType);\r\n    urlEncodedData.append(\"number_of_posts\", numberOfPost);\r\n    urlEncodedData.append(\"page\", page);\r\n\r\n    try {\r\n      if (!sectionType) {\r\n        throw new Error(`The Page You are Looking for is not Found`);\r\n      }\r\n      const response = await fetch(Constants.backendUrl + \"category-news/\", {\r\n        method: \"POST\",\r\n        headers: {\r\n          Authorization: `Basic ${Constants.token}`,\r\n          \"Content-Type\": \"application/x-www-form-urlencoded\",\r\n        },\r\n        body: urlEncodedData.toString(),\r\n        // signal: controller.signal,\r\n      });\r\n      // clearTimeout(timeoutId);\r\n\r\n      if (!response.ok) {\r\n        throw new Error(`HTTP error! status: ${response.status}`);\r\n      }\r\n\r\n      const result = await response.json();\r\n      setNews(result);\r\n      setPageCount(Math.ceil(result?.data?.total_posts / numberOfPost));\r\n    } catch (error) {\r\n      if (error.name === \"AbortError\") {\r\n        setError(\"Request timed out. Please try again later.\");\r\n      } else if (error.message === \"Failed to fetch\") {\r\n        setError(\"Failed to fetch. Please try again later.\");\r\n      } else {\r\n        setError(error.message);\r\n      }\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  };\r\n\r\n  // useEffect(() => {\r\n  //   const queryParams = new URLSearchParams(location.search);\r\n  //   const page = queryParams.get(\"page\");\r\n  //   const pageNumber = page ? parseInt(page) : 1;\r\n  //   setCurrentPage(pageNumber - 1);\r\n  //   fetchNews(page || currentPage + 1);\r\n  // }, [sectionType, currentPage]);\r\n\r\n  // const handlePageClick = (data) => {\r\n  //   setCurrentPage(data.selected);\r\n  //   navigate(`?page=${data.selected + 1}`);\r\n  //   window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n  // };\r\n\r\n  useEffect(() => {\r\n    const queryParams = new URLSearchParams(location.search);\r\n    const page = queryParams.get(\"page\");\r\n    const pageNumber = page ? parseInt(page) : 1;\r\n\r\n    fetchNews(pageNumber);\r\n    setCurrentPage(pageNumber - 1);\r\n  }, [sectionType]);\r\n\r\n  const handlePageClick = (data) => {\r\n    const selectedPage = data.selected;\r\n    setCurrentPage(selectedPage);\r\n    navigate(`?page=${selectedPage + 1}`);\r\n    fetchNews(selectedPage + 1);\r\n    window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n  };\r\n\r\n  // useEffect(() => {\r\n  //   // Find the generated ul and remove the role attribute\r\n  //   const ulElement = document.querySelector(\".pagination\");\r\n  //   console.log(ulElement);\r\n  //   if (ulElement && ulElement.getAttribute(\"role\")) {\r\n  //     ulElement.removeAttribute(\"role\");\r\n  //   }\r\n  // }, [currentPage]);\r\n\r\n  return (\r\n    <>\r\n      {/* <Helmet>\r\n        <title>{`${tags?.data?.title}`}</title>\r\n        <meta name=\"description\" content={`${tags?.data?.description}`} />\r\n        <link rel=\"canonical\" href={`${tags?.data?.canonical}`} />\r\n        <meta property=\"og:locale\" content={`${tags?.data?.og_locale}`} />\r\n        <meta property=\"og:type\" content={`${tags?.data?.og_type}`} />\r\n        <meta property=\"og:title\" content={`${tags?.data?.og_title}`} />\r\n        <meta\r\n          property=\"og:description\"\r\n          content={`${tags?.data?.og_description}`}\r\n        />\r\n        <meta property=\"og:url\" content={`${tags?.data?.og_url}`} />\r\n        <meta property=\"og:site_name\" content={`${tags?.data?.og_site_name}`} />\r\n        <meta\r\n          property=\"og:image\"\r\n          content={`https://admin.asiantrader.biz/wp-content/uploads/sites/1/2024/09/AT-logo-White-3-1.png`}\r\n        />\r\n        <meta\r\n          property=\"og:updated_time\"\r\n          content={`${tags?.data?.og_updated_time}`}\r\n        />\r\n        <meta\r\n          property=\"article:published_time\"\r\n          content={`${tags?.data?.article_published_time}`}\r\n        />\r\n        <meta\r\n          property=\"article:modified_time\"\r\n          content={`${tags?.data?.article_modified_time}`}\r\n        />\r\n        <meta name=\"twitter:card\" content={`${tags?.data?.twitter_card}`} />\r\n        <meta name=\"twitter:title\" content={`${tags?.data?.twitter_title}`} />\r\n        <meta\r\n          name=\"twitter:description\"\r\n          content={`${tags?.data?.twitter_description}`}\r\n        />\r\n      </Helmet> */}\r\n      {\r\n        <section className=\"sm:pb-5 news sm:mb-20 pb-2 mb-10 bg-blur\">\r\n          <div className=\"container mx-auto sm:px-7 px-3\">\r\n            {loading === true ? (\r\n              <>\r\n                <Loader /> <Skeleton height={200} count={5}></Skeleton>\r\n              </>\r\n            ) : error ? (\r\n              <span className=\"container mx-auto px-7\">{error}</span>\r\n            ) : (\r\n              <>\r\n                {news?.data?.posts?.length > 0 && (\r\n                  <>\r\n                    <div className=\"flex justify-between items-center gap-10 sm:gap-5 md:px-4 px-2 border-b border-gray-600 pb-2 mb-5\">\r\n                      <div>\r\n                        <h1 className=\"text-[#231E1E] lg:text-2xl md:text-lg text-sm text-nowrap font-bold uppercase\">\r\n                          {news?.data?.category_name}\r\n                        </h1>\r\n                      </div>\r\n                      <div className=\"news-item sm:pb-2 pb-1 text-nowrap overflow-x-auto overflow-y-hidden\">\r\n                        <ul className=\"flex text-[#231E1E]   list-none my-1\">\r\n                          {news?.data?.child_category?.length > 0 &&\r\n                            news?.data?.child_category?.map((item, i) => (\r\n                              <li key={item.cate_id} className=\"ml-2\">\r\n                                <NavLink\r\n                                  to={`/category/${item.cate_slug}`}\r\n                                  className={({ isActive }) =>\r\n                                    `lg:px-4 sm:px-3 px-1 py-1 md:text-[12px] text-[10px] rounded-md border uppercase font-bold ${\r\n                                      isActive\r\n                                        ? \"border-red text-red\" // Active link styling\r\n                                        : \"border-white hover:border-red\" // Inactive link styling\r\n                                    }`\r\n                                  }\r\n                                >\r\n                                  {item.cate_title}\r\n                                </NavLink>\r\n                              </li>\r\n                            ))}\r\n                        </ul>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className=\"grid grid-cols-12 gap-5\">\r\n                      <div className=\"lg:col-span-9 md:col-span-8 col-span-12\">\r\n                        <div className=\"grid grid-cols-12 gap-5 mb-10\">\r\n                          {news?.data?.posts?.map((post, i) => (\r\n                            <div\r\n                              key={i}\r\n                              className=\"lg:col-span-4 sm:col-span-6 col-span-12\"\r\n                            >\r\n                              <div className=\"rounded-[10px] bg-[#EEEEEE] h-full\">\r\n                                <div\r\n                                  className={`${\r\n                                    user ? \"group/item edit-hover relative\" : \"\"\r\n                                  }`}\r\n                                >\r\n                                  <Link\r\n                                    to={`/${post.post_slug}`}\r\n                                    aria-label={`${post.post_slug}`}\r\n                                    // className=\"edit-img-hover block relative \"\r\n                                  >\r\n                                    {\" \"}\r\n                                    <img\r\n                                      src={post.post_image}\r\n                                      alt=\"\"\r\n                                      className=\"w-full rounded-[10px] lg:h-[170px]  sm:max-h-48 sm:min-h-48 max-h-56 min-h-56 object-cover\"\r\n                                      // style={{ width: \"100%\" }}\r\n                                    />\r\n                                  </Link>\r\n                                  {/* {user && (\r\n                                    <div className=\"absolute top-0 right-0 mr-2 mt-2 z-[2] invisible group-hover/item:visible cursor-pointer font-openSans bg-[#fff] hover:bg-blue-400 text-sm px-3 py-2 font-bold rounded-lg shadow-md shadow-black\">\r\n                                      <img\r\n                                        src={editIcon}\r\n                                        className=\"inline-block h-3 w-3  mb-1\"\r\n                                        alt=\"edit\"\r\n                                      />\r\n                                    </div>\r\n                                  )} */}\r\n                                </div>\r\n                                <div className=\"px-[23px] pt-[18px] pb-[23px]\">\r\n                                  <Link to={`/category/${post.cat.cate_slug}`}>\r\n                                    <span className=\"text-[10px] text-[#5e5e5e] font-openSans  font-semibold uppercase\">\r\n                                      {post.cat.cate_title}\r\n                                    </span>\r\n                                  </Link>\r\n                                  <Link\r\n                                    to={`/${post.post_slug}`}\r\n                                    aria-label={`${post.post_slug}`}\r\n                                  >\r\n                                    <h2 className=\"text-sm mt-[15px] mb-[10px] font-black wow fadeInDown hover:text-red\">\r\n                                      {post.post_title}\r\n                                    </h2>\r\n                                  </Link>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          ))}\r\n                        </div>\r\n\r\n                        {pageCount > 1 && (\r\n                          <div className=\"flex sm:justify-between justify-center items-center\">\r\n                            <ReactPaginate\r\n                              previousLabel={\"previous\"}\r\n                              nextLabel={\"next\"}\r\n                              breakLabel={\"...\"}\r\n                              breakClassName={\"break-me\"}\r\n                              pageCount={pageCount}\r\n                              marginPagesDisplayed={1}\r\n                              pageRangeDisplayed={3}\r\n                              onPageChange={handlePageClick}\r\n                              containerClassName={\"pagination\"}\r\n                              subContainerClassName={\"pages pagination\"}\r\n                              activeClassName={\"active\"}\r\n                              forcePage={currentPage}\r\n                            />\r\n\r\n                            <div className=\"text-[#5e5e5e] hidden sm:block text-[10px]\">\r\n                              {`page ${currentPage + 1} of ${pageCount}`}\r\n                            </div>\r\n                          </div>\r\n                        )}\r\n                      </div>\r\n                      <div className=\"lg:col-span-3 md:col-span-4 col-span-12\">\r\n                        <div className=\"mb-10\">\r\n                          <SideAd htmlData={ads?.mpu_1_ads} />\r\n                          <SideAd htmlData={ads?.mpu_2_ads} />\r\n                          <SideAd htmlData={ads?.mpu_3_ads} />\r\n                          <SideAd htmlData={ads?.mpu_4_ads} />\r\n\r\n                          {/* {news?.data?.posts?.length > 3 && ( */}\r\n                          <>\r\n                            <SideAd htmlData={ads?.mpu_5_ads} />\r\n                            <SideAd htmlData={ads?.mpu_6_ads} />\r\n                          </>\r\n                          {/* // )} */}\r\n                        </div>\r\n                        <div className=\"sm:mb-[101px] mb-10\">\r\n                          <TrendingPosts\r\n                            trendingPost={trendingData}\r\n                            user={user}\r\n                          />\r\n                        </div>\r\n                        {/* {news?.data?.posts?.length > 3 && ( */}\r\n                        <div className=\"col-span-3 bg-[#231E1E] p-5 rounded-[10px]\">\r\n                          <CurrentIssue />\r\n                        </div>\r\n                        {/* )} */}\r\n                      </div>\r\n                    </div>\r\n                  </>\r\n                )}\r\n                {news?.data?.posts?.length === 0 && (\r\n                  <div className=\"ml-10 text-red\">\r\n                    Data Not Found\r\n                    <span className=\"px-2\">\r\n                      Go back to\r\n                      <Link\r\n                        to={\"/\"}\r\n                        aria-label=\"Home\"\r\n                        className=\"mx-2 bg-black py-1 px-3 rounded-md text-white\"\r\n                      >\r\n                        Home page\r\n                      </Link>\r\n                      ?\r\n                    </span>\r\n                  </div>\r\n                )}\r\n              </>\r\n            )}\r\n          </div>\r\n        </section>\r\n      }\r\n    </>\r\n  );\r\n}\r\n"],"names":["CategoryPage","_trendingNews$data","_news$data","_news$data$posts","_news$data2","_news$data3","_news$data3$child_cat","_news$data4","_news$data4$child_cat","_news$data5","_news$data5$posts","_news$data6","_news$data6$posts","news","setNews","useState","loading","setLoading","error","setError","currentPage","setCurrentPage","pageCount","setPageCount","location","useLocation","navigate","useNavigate","sectionType","useParams","data","adsData","homeNews","trendingNews","user","useContext","DataContext","ads","trendingData","trending_news","fetchNews","async","urlEncodedData","URLSearchParams","append","page","_result$data","Error","response","fetch","Constants","backendUrl","method","headers","Authorization","token","body","toString","ok","status","result","json","Math","ceil","total_posts","name","message","useEffect","search","get","pageNumber","parseInt","_jsx","_Fragment","children","className","_jsxs","Loader","Skeleton","height","count","posts","length","category_name","child_category","map","item","i","NavLink","to","cate_slug","_ref","isActive","cate_title","cate_id","post","Link","post_slug","src","post_image","alt","cat","post_title","ReactPaginate","previousLabel","nextLabel","breakLabel","breakClassName","marginPagesDisplayed","pageRangeDisplayed","onPageChange","selectedPage","selected","window","scrollTo","top","behavior","containerClassName","subContainerClassName","activeClassName","forcePage","SideAd","htmlData","mpu_1_ads","mpu_2_ads","mpu_3_ads","mpu_4_ads","mpu_5_ads","mpu_6_ads","TrendingPosts","trendingPost","CurrentIssue"],"sourceRoot":""}