Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | import PropTypes from 'prop-types'
import en from '../locales/en'
import fr from '../locales/fr'
import logger from '../lib/logger'
import { useEffect } from 'react'
import { fetchContent } from '../lib/cms'
export default function Home(props) {
/* istanbul ignore next */
const t = props.locale === 'en' ? en : fr
logger.info('Home page')
logger.error('test')
logger.warn('test')
useEffect(() => {
logger.debug('Home mounted')
}, [])
return (
<div
id="homeContent"
className="container mx-auto px-6 mt-5 bg-slate-300 p-8"
>
<h1>{props.content.header}</h1>
<p>{props.content.paragraph}</p>
</div>
)
}
export async function getStaticProps({ locale }) {
const content = await fetchContent()
/* istanbul ignore next */
const langToggleLink = locale === 'en' ? '/fr/home' : '/home'
/* Place-holder Meta Data Props */
const meta = {
data_en: {
title: 'Next Template - Home',
desc: 'English',
author: 'Service Canada',
keywords: '',
},
data_fr: {
title: 'Next Template - Accueil',
desc: 'Français',
author: 'Service Canada',
keywords: '',
},
}
return {
props: { locale, langToggleLink, content, meta },
}
}
Home.propTypes = {
/**
* current locale in the address
*/
locale: PropTypes.string,
/*
* Meta Tags
*/
meta: PropTypes.object,
}
|