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 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 | 8x 7x 2x 2x | import PropTypes from 'prop-types'
import Header from './Header'
import Footer from './Footer'
import MetaData from './MetaData'
import en from '../locales/en'
import fr from '../locales/fr'
export default function Layout(props) {
const t = props.locale === 'en' ? en : fr
return (
<>
<MetaData language={props.locale} data={props.meta}></MetaData>
<Header
language={props.locale}
t={t}
langToggleLink={props.langToggleLink}
></Header>
<main className="mb-10" id="mainContent">
<div>{props.children}</div>
</main>
<Footer
footerLogoAltText="symbol2"
footerLogoImage="/wmms-blk.svg"
footerNav1="aboutGovernment"
footerNav2="aboutThisSite"
t={t}
links={[
{
link: t.footerSocialMediaURL,
linkText: t.footerSocialMedia,
},
{
link: t.footerMobileAppURL,
linkText: t.footerMobileApp,
},
{
link: t.footerAboutURL,
linkText: t.footerAbout,
},
{
link: t.footerTermsAndConditionURL,
linkText: t.footerTermsAndCondition,
},
{
link: t.footerPrivacyURL,
linkText: t.footerPrivacy,
},
]}
footerBoxLinks={[
{
footerBoxlink: t.footerContactUsURL,
footerBoxLinkText: t.footerContactUs,
},
{
footerBoxlink: t.footerNewsURL,
footerBoxLinkText: t.footerNews,
},
{
footerBoxlink: t.footerPmURL,
footerBoxLinkText: t.footerPm,
},
{
footerBoxlink: t.footerDepartmentAgenciesURL,
footerBoxLinkText: t.footerDepartmentAgencies,
},
{
footerBoxlink: t.footerTreatiesURL,
footerBoxLinkText: t.footerTreaties,
},
{
footerBoxlink: t.footerHowGovWorksURL,
footerBoxLinkText: t.footerHowGovWorks,
},
{
footerBoxlink: t.footerPublicServiceURL,
footerBoxLinkText: t.footerPublicService,
},
{
footerBoxlink: t.footerGovReportingURL,
footerBoxLinkText: t.footerGovReporting,
},
{
footerBoxlink: t.footerOpenGovURL,
footerBoxLinkText: t.footerOpenGov,
},
]}
/>
</>
)
}
/**
* Setup default props
*/
Layout.defaultProps = {
title: 'Next Template - Canada.ca',
}
Layout.propTypes = {
/*
* Locale current language
*/
locale: PropTypes.string,
/*
* Meta Tags
*/
meta: PropTypes.object,
/*
* Title of the page
*/
title: PropTypes.string,
/*
* Link of the page in opposite language
*/
langToggleLink: PropTypes.string,
}
|