/* eslint-disable @next/next/no-img-element */ import Head from 'next/head'; import { GetServerSideProps } from 'next/types'; // @Antd import { Col, Row } from 'antd'; // @i18n import { Trans, useTranslation } from 'next-i18next'; import { Translations } from '../../public/locales'; import { serverSideTranslations } from 'next-i18next/serverSideTranslations'; // @Layout import { LayoutWrapper } from '../../src/components/layouts/wrapper'; // @Styled import styles from '../../src/components/pages/terms/index.module.less'; import Link from 'next/link'; export const getServerSideProps: GetServerSideProps = async ({ locale }) => { return { props: { ...(await serverSideTranslations(locale as string, ['common', 'about'])), }, }; }; type i18nLang = 'es' | 'en'; type ItemsOfConditionsProps = { content: string; }; type TermsOfConditionsProps = { numberOfTerm: string; title: string; content: string; listOfItems?: ItemsOfConditionsProps[]; }; type TermsOfServiceProps = { typeOfTerm: 'content' | 'ul'; content: string; conditions?: TermsOfConditionsProps[]; }; export default function TermsAndService() { const { t, i18n } = useTranslation(); const { termsOfService } = Translations[(i18n.language as i18nLang) ?? 'es']; const TermsOfServiceComponent = (props: TermsOfServiceProps) => { if (props.typeOfTerm === 'content') { return

{props.content}

; } return ( <> {(props.conditions ?? []).map((prop, key: number) => { return (
{prop.numberOfTerm} {prop.title} , email: ( ), }} /> {prop.listOfItems ? (
    {prop.listOfItems.map((item, key: number) => { return
  • {item.content}
    • ; })}
) : null}
); })} ); }; return (
{termsOfService?.title} | GHF

{termsOfService?.title}

{termsOfService?.description}

{(termsOfService?.terms ?? []).map( (term: TermsOfServiceProps, key: number) => { return (
{TermsOfServiceComponent(term)}
); }, )}
); } TermsAndService.getLayout = function getLayout(page: React.ReactElement) { return {page}; };