zoriya/Chromacase
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Front/translate refactor (#110)

Browse Source 
* Front: i18n: Create component

* Front: Use new translation component

* Front: Translation COmpoent: Change props name

* Front: Fix merge
This commit is contained in:
Arthur Jamet
2022-11-24 17:20:45 +00:00
committed by GitHub
parent 620dae8316
commit 8546c86332
10 changed files with 124 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files
front/components/forms/signinform.tsx
+8 -4
View File
@@ -1,7 +1,7 @@
// a form for sign in
import React from "react";
import { translate } from "../../i18n/i18n";
import { Translate, translate } from "../../i18n/i18n";
import { string } from "yup";
import {
FormControl,
@@ -51,7 +51,9 @@ const LoginForm = ({ onSubmit }: SigninFormProps) => {
formData.password.error !== null
}
>
<FormControl.Label>{translate("username")}</FormControl.Label>
<FormControl.Label>
<Translate translationKey='username'/>
</FormControl.Label>
<Input
isRequired
type="text"
@@ -72,7 +74,9 @@ const LoginForm = ({ onSubmit }: SigninFormProps) => {
>
{formData.username.error}
</FormControl.ErrorMessage>
<FormControl.Label>{translate("password")}</FormControl.Label>
<FormControl.Label>
<Translate translationKey='password'/>
</FormControl.Label>
<Input
isRequired
type="password"
@@ -117,7 +121,7 @@ const LoginForm = ({ onSubmit }: SigninFormProps) => {
}
}}
>
{translate("login")}
<Translate translationKey='login'/>
</Button>
</FormControl>
</Stack>
front/components/forms/signupform.tsx
+14 -6
View File
@@ -1,7 +1,7 @@
// a form for sign up
import React from "react";
import { translate } from "../../i18n/i18n";
import { Translate, translate } from "../../i18n/i18n";
import { string } from "yup";
import {
FormControl,
@@ -74,7 +74,9 @@ const LoginForm = ({ onSubmit }: SignupFormProps) => {
formData.email.error !== null
}
>
<FormControl.Label>{translate("username")}</FormControl.Label>
<FormControl.Label>
<Translate translationKey='username'/>
</FormControl.Label>
<Input
isRequired
type="text"
@@ -95,7 +97,9 @@ const LoginForm = ({ onSubmit }: SignupFormProps) => {
>
{formData.username.error}
</FormControl.ErrorMessage>
<FormControl.Label>{translate("email")}</FormControl.Label>
<FormControl.Label>
<Translate translationKey='email'/>
</FormControl.Label>
<Input
isRequired
type="text"
@@ -116,7 +120,9 @@ const LoginForm = ({ onSubmit }: SignupFormProps) => {
>
{formData.email.error}
</FormControl.ErrorMessage>
<FormControl.Label>{translate("password")}</FormControl.Label>
<FormControl.Label>
<Translate translationKey='password'/>
</FormControl.Label>
<Input
isRequired
type="password"
@@ -137,7 +143,9 @@ const LoginForm = ({ onSubmit }: SignupFormProps) => {
>
{formData.password.error}
</FormControl.ErrorMessage>
<FormControl.Label>{translate("repeatPassword")}</FormControl.Label>
<FormControl.Label>
<Translate translationKey='repeatPassword'/>
</FormControl.Label>
<Input
isRequired
type="password"
@@ -193,7 +201,7 @@ const LoginForm = ({ onSubmit }: SignupFormProps) => {
}
}}
>
{translate("signUp")}
<Translate translationKey='signUp'/>
</Button>
</FormControl>
</Stack>