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 | import PropTypes from 'prop-types'
import { fetchContent } from '../lib/cms'
import ExpandableHeadline from '../components/ExpandableHeadline'
import DottedLine from '../components/DottedLine'
import enFAQ from '../locales/FAQ/en'
import frFAQ from '../locales/FAQ/fr'
export default function FAQ(props) {
const t = props.locale === 'en' ? enFAQ : frFAQ
return (
<div className="max-w-xl mx-auto">
<h1 className="text-center">{t.faq}</h1>
<DottedLine />
{/* Loop through all FAQ objects here */}
{t.qaArray.map((qaObject, index) => {
return <ExpandableHeadline key={index} qaObject={qaObject} />
})}
</div>
)
}
export async function getStaticProps({ locale }) {
const content = await fetchContent()
/* istanbul ignore next */
const langToggleLink = locale === 'en' ? '/fr/FAQ' : '/FAQ'
/* Place-holder Meta Data Props */
const meta = {
data_en: {
title: 'Digital Dojo - FAQ',
desc: 'English',
author: '',
keywords: '',
},
data_fr: {
title: 'Dojo Numérique - FAQ',
desc: 'Français',
author: '',
keywords: '',
},
}
return {
props: { locale, langToggleLink, content, meta },
}
}
FAQ.propTypes = {
/**
* current locale in the address
*/
locale: PropTypes.string,
/*
* Meta Tags
*/
meta: PropTypes.object,
}
|