'use client'; import { Queries } from '@/api/queries'; import Loader from '@/components/Loader'; import PageTitle from '@/components/PageTitle'; import MainNews from '@/components/news/MainNews'; import NewsGrid from '@/components/news/NewsGrid'; import Item from '@/components/news/NewsItem'; import GlobalContext from '@/context/GlobalContext'; import MainProvider from '@/providers/MainProvider'; import Hydrate from '@/utils/HydrateClient'; import getQueryClient from '@/utils/getQueryClient'; import { dehydrate, useQuery } from '@tanstack/react-query'; import { data } from 'autoprefixer'; import Head from 'next/head'; import Image from 'next/image'; import { use, useContext } from 'react'; import { useMediaQuery } from 'usehooks-ts'; interface IParams { params: Promise<{ page_id: string; }>; } const PageItem = ({ params }: IParams) => { const { page_id } = use(params); const responsive = useMediaQuery('(max-width: 768px)'); const { data, isFetching, error } = useQuery({ queryKey: ['page_item'], queryFn: () => Queries.getPage(page_id), }); if (isFetching) return ; if (error) return

{JSON.stringify(error)}

; return (
{data && ( {data.data.title} )}
{data?.data.title ? : }
{data?.data.image && data.data.title && (responsive && data.data.mobile_image ? (
{data?.data.title}
) : (
{data?.data.title}
))}
{data?.data.content ? (

) : ( )} {/*

*/}
); }; export default PageItem;