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 @@
{
"AccountActivationDialog": {
"title": "Account Activation",
"subtitle1": "Your account has not been activated yet.",
"subtitle2": "You need to provide the activation token received in the activation email."
}
}

View file

@ -5,12 +5,15 @@ import DialogTitle from '@material-ui/core/DialogTitle';
import IconButton from '@material-ui/core/IconButton';
import CloseIcon from '@material-ui/icons/Close';
import Typography from '@material-ui/core/Typography';
import { useTranslation } from 'react-i18next';
import { AccountActivationForm } from 'forms';
import './AccountActivationDialog.css';
const AccountActivationDialog = ({ classes, handleClose, isOpen, onSubmit }: any) => {
const { t } = useTranslation();
const handleOnClose = () => {
handleClose();
}
@ -18,7 +21,7 @@ const AccountActivationDialog = ({ classes, handleClose, isOpen, onSubmit }: any
return (
<Dialog onClose={handleOnClose} open={isOpen}>
<DialogTitle disableTypography className="dialog-title">
<Typography variant="h6">Account Activation</Typography>
<Typography variant="h6">{ t('AccountActivationDialog.title') }</Typography>
{handleOnClose ? (
<IconButton onClick={handleOnClose}>
@ -28,8 +31,8 @@ const AccountActivationDialog = ({ classes, handleClose, isOpen, onSubmit }: any
</DialogTitle>
<DialogContent>
<div className="content">
<Typography variant='subtitle1'>Your account has not been activated yet.</Typography>
<Typography variant='subtitle1'>You need to provide the activation token received in the activation email.</Typography>
<Typography variant='subtitle1'>{ t('AccountActivationDialog.subtitle1') }</Typography>
<Typography variant='subtitle1'>{ t('AccountActivationDialog.subtitle2') }</Typography>
</div>
<AccountActivationForm onSubmit={onSubmit}></AccountActivationForm>