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,6 @@
{
"InitializeContainer": {
"title": "DID YOU KNOW",
"subtitle": "<1>Cockatrice is run by volunteers</1><1>that love card games!</1>"
}
}

View file

@ -1,4 +1,5 @@
import { useState } from 'react';
import { useTranslation, Trans } from 'react-i18next';
import { connect } from 'react-redux';
import { Redirect, withRouter } from 'react-router-dom';
import { makeStyles } from '@material-ui/core/styles';
@ -24,6 +25,7 @@ const useStyles = makeStyles(theme => ({
const Initialize = ({ initialized }: InitializeProps) => {
const classes = useStyles();
const { t } = useTranslation();
return initialized
? <Redirect from="*" to={RouteEnum.LOGIN} />
@ -31,9 +33,11 @@ const Initialize = ({ initialized }: InitializeProps) => {
<div className={'Initialize ' + classes.root}>
<div className='Initialize-content'>
<img src={Images.Logo} alt="logo" />
<Typography variant="subtitle1" className='subtitle'>DID YOU KNOW</Typography>
<Typography variant="subtitle2">Cockatrice is run by volunteers</Typography>
<Typography variant="subtitle2">that love card games!</Typography>
<Typography variant="subtitle1" className='subtitle'>{ t('InitializeContainer.title') }</Typography>
<Trans i18nKey="InitializeContainer.subtitle">
<Typography variant="subtitle2"></Typography>
<Typography variant="subtitle2"></Typography>
</Trans>
</div>
<div className="Initialize-graphics">