import React , { ReactElement } from 'react' ; import { useTranslation } from 'react-i18next' ; import { CityModel } from 'api-client' ; import FilterableCitySelector from '../components/FilterableCitySelector' ; import GeneralFooter from '../components/GeneralFooter' ; import Helmet from '../components/Helmet' ; import Layout from '../components/Layout' ; import buildConfig from '../constants/buildConfig' ; type PropsType = { cities : Array < CityModel > ; languageCode : string ; } ; const LandingPage = ( { cities , languageCode } ) : ReactElement => { const { t } = useTranslation ( 'landing' ) ; const pageTitle = t ( 'pageTitle' ) ; const metaDescription = t ( 'metaDescription' , { appName : buildConfig ( ) . appName } ) ; return ( < Layout footer = { < GeneralFooter language = { languageCode } / > } > < Helmet pageTitle = { pageTitle } metaDescription = { metaDescription } / > < FilterableCitySelector cities = { cities } language = { languageCode } / > < /Layout>); } ; export default LandingPage ;