/* eslint-disable @next/next/no-img-element */ import React from "react"; import Head from "next/head"; import { GetServerSideProps } from "next/types"; // @Antd import { Col, Row } from "antd"; // @i18n import { useTranslation } from "next-i18next"; import { serverSideTranslations } from "next-i18next/serverSideTranslations"; // @Images import { BackgroundFill } from "../../public/images"; // @Layout import { LayoutWrapper } from "../../src/components/layouts/wrapper"; // @Styled import styles from "../../src/components/pages/news/index.module.less"; // @Hooks import { useNewsDetail } from "../../src/components/pages/news/hooks/news.detail.hook"; import NewsCard from "../../src/components/pages/news/components/NewCard"; import { SlideGoldenHispanic4 } from "../../public/images/slider-home"; export const getServerSideProps: GetServerSideProps = async (context) => { const id = context.params?.id; const locale = context.locale; return { props: { ...(await serverSideTranslations(locale as string, [ "common", "contact", ])), params: { id, }, }, }; }; export default function News({ params }: any) { const { t } = useTranslation(); const { data, getImage, newsData } = useNewsDetail(params.id); return (
{t("contact:title")} | GHF
0 ? 18 : 24}>

{data?.attributes?.title}

{data?.attributes?.caption}

Contactanos
{newsData.length > 0 &&(

Noticias recientes

{newsData?.map((news: any) => { return ( ); })}
)}
); } News.getLayout = function getLayout(page: React.ReactElement) { return {page}; };