diff --git a/src/common-components/NotFoundPage.jsx b/src/common-components/NotFoundPage.jsx index b4a98640a..ee1338c10 100644 --- a/src/common-components/NotFoundPage.jsx +++ b/src/common-components/NotFoundPage.jsx @@ -1,15 +1,28 @@ -import { FormattedMessage } from '@openedx/frontend-base'; +import { FormattedMessage, getSiteConfig, useIntl } from '@openedx/frontend-base'; +import { Helmet } from 'react-helmet'; -const NotFoundPage = () => ( -
-

- -

-
-); +import messages from './messages'; + +const NotFoundPage = () => { + const { formatMessage } = useIntl(); + return ( +
+ + + {formatMessage(messages['error.notfound.page.title'], { + siteName: getSiteConfig().siteName, + })} + + +

+ +

+
+ ); +}; export default NotFoundPage; diff --git a/src/common-components/messages.jsx b/src/common-components/messages.jsx index 077964b08..2459902e8 100644 --- a/src/common-components/messages.jsx +++ b/src/common-components/messages.jsx @@ -1,6 +1,12 @@ import { defineMessages } from '@openedx/frontend-base'; const messages = defineMessages({ + // not found page + 'error.notfound.page.title': { + id: 'error.notfound.page.title', + defaultMessage: 'Page Not Found | {siteName}', + description: 'Document title for the page-not-found page', + }, // institution login strings 'institution.login.page.sub.heading': { id: 'institution.login.page.sub.heading',