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 | import PropTypes from 'prop-types' 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 }) { /* 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, meta }, } } FAQ.propTypes = { /** * current locale in the address */ locale: PropTypes.string, /* * Meta Tags */ meta: PropTypes.object, } |