import type { NextPage, GetServerSideProps } from 'next'; import { serverSideTranslations } from 'next-i18next/serverSideTranslations'; import { Fragment } from 'react'; import { useTranslation } from 'next-i18next'; import Header from '@/components/templates/layout/header'; import Footer from '@/components/templates/layout/Footer'; import Head from 'next/head'; import { getReviews } from '@/data/reviews'; import { getProject } from '@/data/projects'; import Welcome from '@/components/templates/projects/Welcome'; import Premises from '@/components/templates/projects/Premises'; import CommonAreas from '@/components/templates/projects/CommonAreas'; import Reviews from '@/components/templates/projects/Reviews'; import BusinessPartners from '@/components/templates/projects/BusinessPartners'; import Gallery from '@/components/templates/projects/Gallery'; import Downloads from '@/components/templates/projects/Downloads'; import GalleryCarousel from '@/components/templates/projects/GalleryCarousel'; import Navbar from '@/components/templates/projects/Navbar'; import Map from '@/components/templates/projects/Map'; import BannerSliderWithprojects from '@/components/templates/layout/BannerSliderWithCities'; import Location from '@/components/templates/projects/Location'; import Image from 'next/image'; import { apiUrl } from '@/data/constants'; import AvailabilityIframe from '@/components/templates/projects/AvailabilityIframe'; import { getCities } from '@/data/cities'; import ContactForm from '@/components/organisms/projects/ContactForm'; import Newsletter from '@/components/templates/layout/Newsletter'; import ArticlesCarouselWithtext from '@/components/templates/layout/ArticlesCarouselWithtext'; type PageProps = { reviews: any[]; project: any; locale: any; cities: any[]; articles: any[] }; // Agregamos `locale` a la desestructuración de las props const Page: NextPage = ({ reviews, project, cities, locale, articles }) => { const { t } = useTranslation(['common', 'projects']); const projectSliders = project?.projectSliders; // Lógica de idiomas: Si es inglés toma el campo "En", sino el campo por defecto const welcomeText = locale === 'en' ? project?.welcomeText2En : project?.welcomeText2; const welcomePreTitle = locale === 'en' ? project?.welcomePreTitleEn : project?.welcomePreTitle; console.log("Idioma actual:", locale); console.log("Campo EN:", project?.welcomeText2En); console.log("Campo ES:", project?.welcomeText2); return ( {project?.metaTitle}
{project?.logo ? ( logo proyecto ) : ( '' )}
{' '}
{/* Pasamos a usar la variable `welcomeText` en lugar de project?.welcomeText2 estático */} {project?.welcomeTitle || welcomeText || (project?.projectFacts && project?.projectFacts?.length && project?.projectFacts?.filter((item: any) => item?.category === 'welcome')?.length) ? ( item?.category === 'welcome')} /> ) : ( '' )}{' '} {(project?.welcomeGallery && project?.welcomeGallery?.length && ( )) || ''}{' '} {project?.projectLinks && project?.projectLinks?.length ? ( link?.url && link?.url !== "#") : []} /> ) : ( '' )} {project?.locationPreTitle || project?.locationTitle || project?.locationText || project?.locationImage ? ( ) : ( '' )}{' '} {(project?.projectFacts && project?.projectFacts?.length && project?.projectFacts?.filter((item: any) => item?.category === 'premise')?.length) || project?.premisesText || project?.premisesTitle ? ( item?.category === 'premise') : [] } /> ) : ( '' )} {project?.mapImage || project?.mapTitle || project?.mapText ? ( ) : ( '' )} {project?.projectCommonAreas && project?.projectCommonAreas?.length ? ( ) : ( '' )} {project?.availabilityLink && project?.availabilityLink !== "#" ? ( ) : ( '' )} {/*project?.projectPartners && project?.projectPartners?.length ? ( ) : ( '' ) */} {project?.galleryCategories && project?.galleryCategories?.length ? ( ) : ( '' )} {(reviews && reviews?.length && ( )) || ''}{' '} {(articles && articles?.length && ( )) || ''}