Alexander/FitTrackee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Client - init localization w/ react-i18n - #40

Browse Source
This commit is contained in:
Sam
2019-09-08 11:17:02 +02:00
parent 4b39c7d1a8
commit 8473f6652c
8 changed files with 270 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
fittrackee_client/src/components/User/Form.jsx
View File

@ -1,18 +1,21 @@
import React from 'react'
import { useTranslation } from 'react-i18next'
import { Helmet } from 'react-helmet'
import { history } from '../../index'
import { isRegistrationAllowed } from '../../utils'
export default function Form(props) {
const { t } = useTranslation()
const pageTitle = `${props.formType
.charAt(0)
.toUpperCase()}${props.formType.slice(1)}`
return (
<div>
<Helmet>
<title>FitTrackee - {props.formType}</title>
<title>FitTrackee - {t(props.formType)}</title>
</Helmet>
<h1 className="page-title">
{`${props.formType.charAt(0).toUpperCase()}${props.formType.slice(1)}`}
</h1>
<h1 className="page-title">{t(pageTitle)}</h1>
<div className="container">
<div className="row">
<div className="col-md-3" />
@ -43,7 +46,7 @@ export default function Form(props) {
<input
className="form-control input-lg"
name="username"
placeholder="Enter a username"
placeholder={t('Enter a username')}
required
type="text"
value={props.userForm.username}
@ -55,7 +58,7 @@ export default function Form(props) {
<input
className="form-control input-lg"
name="email"
placeholder="Enter an email address"
placeholder={t('Enter an email address')}
required
type="email"
value={props.userForm.email}
@ -66,7 +69,7 @@ export default function Form(props) {
<input
className="form-control input-lg"
name="password"
placeholder="Enter a password"
placeholder={t('Enter a password')}
required
type="password"
value={props.userForm.password}
@ -78,7 +81,7 @@ export default function Form(props) {
<input
className="form-control input-lg"
name="password_conf"
placeholder="Enter the password confirmation"
placeholder={t('Enter the password confirmation')}
required
type="password"
value={props.userForm.password_conf}
@ -89,7 +92,7 @@ export default function Form(props) {
<input
type="submit"
className="btn btn-primary btn-lg btn-block"
value="Submit"
value={t('Submit')}
/>
</form>
)}