From a6bc547f3d6e4d6299b52ced8b4a47a5d75ca357 Mon Sep 17 00:00:00 2001
From: Alberto Defendi <1369-ahl-berto@users.noreply.gitlab.inf.unibz.it>
Date: Thu, 1 Apr 2021 10:03:35 +0200
Subject: [PATCH] Implement useIntl to try internalization
---
src/components/AuthUser/SignInForm/SignInForm.tsx | 11 ++++++++---
1 file changed, 8 insertions(+), 3 deletions(-)
diff --git a/src/components/AuthUser/SignInForm/SignInForm.tsx b/src/components/AuthUser/SignInForm/SignInForm.tsx
index 016e133..585c6b8 100644
--- a/src/components/AuthUser/SignInForm/SignInForm.tsx
+++ b/src/components/AuthUser/SignInForm/SignInForm.tsx
@@ -1,5 +1,6 @@
import React, { FC } from 'react';
import { useForm, Controller, appendErrors } from 'react-hook-form';
+import { useIntl } from 'react-intl';
import { createStyles, makeStyles, Theme } from '@material-ui/core/styles';
import { TextField, Button } from '@material-ui/core';
import { DevTool } from '@hookform/devtools';
@@ -41,6 +42,7 @@ export const SignInForm: FC = () => {
const onSubmit: any = (values: FormData) => {
alert(JSON.stringify(values));
};
+ const intl = useIntl();
const classes = useStyles();
return (
<>
@@ -56,14 +58,17 @@ export const SignInForm: FC = () => {
rules={{
validate: (value) =>
/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i.test(value),
- required: { value: true, message: 'You must enter your email' },
+ required: {
+ value: true,
+ message: intl.formatMessage({ id: 'email' }),
+ },
}}
render={() => (
<InputField
id="email"
- label="Email Address"
+ label={intl.formatMessage({ id: 'email' })}
error={Boolean(errors.email)}
- errorMessage="Incorrect entry."
+ errorMessage={intl.formatMessage({ id: 'error' })}
/>
)}
/>
--
GitLab