Webatrice: i18n login screen (#4584)

* i18n: login container and form

* i18n: activate, host, and register forms

* i18n: reset password forms

* i18n: login dialogs, ICU formatting

* i18n: login containers and components

Co-authored-by: Jeremy Letto <jeremy.letto@datasite.com>
This commit is contained in:
Jeremy Letto 2022-03-02 22:34:57 -06:00 committed by GitHub
parent baaf261116
commit f5b973e15c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
35 changed files with 424 additions and 99 deletions

View file

@ -0,0 +1,7 @@
{
"UnsupportedContainer": {
"title": "Unsupported Browser",
"subtitle1": "Please update your browser and/or check your permissions.",
"subtitle2": "Note: Private browsing causes some browsers to disable certain permissions or features."
}
}

View file

@ -1,4 +1,5 @@
import { connect } from 'react-redux';
import { useTranslation } from 'react-i18next';
import { withRouter } from 'react-router-dom';
import Paper from '@material-ui/core/Paper';
import Typography from '@material-ui/core/Typography';
@ -6,15 +7,17 @@ import Typography from '@material-ui/core/Typography';
import './Unsupported.css';
const Unsupported = () => {
const { t } = useTranslation();
return (
<div className='Unsupported'>
<Paper className='Unsupported-paper'>
<div className='Unsupported-paper__header'>
<Typography variant="h1">Unsupported Browser</Typography>
<Typography variant="subtitle1">Please update your browser and/or check your permissions.</Typography>
<Typography variant="h1">{ t('UnsupportedContainer.title') }</Typography>
<Typography variant="subtitle1">{ t('UnsupportedContainer.subtitle1') }</Typography>
</div>
<Typography variant="subtitle2">Note: Private browsing causes some browsers to disable certain permissions or features.</Typography>
<Typography variant="subtitle2">{ t('UnsupportedContainer.subtitle2') }</Typography>
</Paper>
</div>
);