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 | 1x 1x 1x 1x 1x 2x 1x 2x | import Heading from './../components/Heading'
import EN from '../locales/en'
import FR from '../locales/fr'
import Link from 'next/link'
import { GetServerSideProps } from 'next'
interface Data {
title: string
desc: string
author: string
keywords: string
service: string
creator: string
accessRights: string
}
interface MaintenanceProps {
locale: string
hidebanner: boolean
langToggleLink: string
meta: {
data_en: Data
data_fr: Data
}
}
const Maintenance = (props: MaintenanceProps) => {
const language = props.locale === 'en' ? EN : FR
return (
<div className="container">
<div data-testid={'pageHead-maintenance'}>
<Heading
id={'pageHead-maintenance'}
title={language.maintenanceTitle}
/>
<p className="mt-2 text-20px text-gray-darker">
{language.maintenanceText}
</p>
<br />
<p className="text-[20px] font-bold text-gray-darker sm:text-black">
{language.errorPageNextText}
</p>
<h2 className="sr-only">{language.errorPageNextText}</h2>
<ul id={'maintenace-next-list'}>
<li className={'pl-3 text-20px text-gray-darker'}>
{language.error503TextLink}
</li>
<li className="pl-3 text-20px text-gray-darker">
{language.errorTextLinkCommon}
<Link
className="font-body text-20px text-deep-blue-dark underline hover:text-blue-hover focus:text-blue-hover"
id="accountpage-maintenance"
href={
props.locale === 'en'
? 'https://srv136.services.gc.ca/sc/msca-mdsc/portal-portail/pro/home-accueil?Lang=eng'
: 'https://srv136.services.gc.ca/sc/msca-mdsc/portal-portail/pro/home-accueil?Lang=fra'
}
>
{language.errorTextLinkCommon_2}
</Link>
</li>
</ul>
</div>
</div>
)
}
export const getServerSideProps: GetServerSideProps = async ({ locale }) => {
/* istanbul ignore next */
const langToggleLink = locale === 'en' ? '/fr/maintenance' : '/en/maintenance'
const meta = {
data_en: {
title:
'This service is currently unavailable - My Service Canada Account',
desc: 'English',
author: 'Service Canada',
keywords: '',
service: 'ESDC-EDSC_MSCA-MSDC-SCH',
creator: 'Employment and Social Development Canada',
accessRights: '1',
},
data_fr: {
title:
'Le service est actuellement indisponible - Mon dossier Service Canada',
desc: 'Français',
author: 'Service Canada',
keywords: '',
service: 'ESDC-EDSC_MSCA-MSDC-SCH',
creator: 'Emploi et Développement social Canada',
accessRights: '1',
},
}
return {
props: {
locale,
langToggleLink,
meta,
hideBanner: true,
},
}
}
export default Maintenance
|