change text in signup

.env

 #config
-REACT_APP_AWS_USER_POOL_ID = us-east-1_c1uad9xyt
-REACT_APP_AWS_CLIENT_ID = 4isv4m9h8q29b7a8m87gkath31
+REACT_APP_AWS_USER_POOL_ID = us-east-1_p1wF07t7u
+REACT_APP_AWS_CLIENT_ID = 42v8g8dtbjgvnutg4t7sjp604m
 REACT_APP_BASE_URL_AQBITS_TRACE_CODE = https://f26svz60d8.execute-api.us-east-1.amazonaws.com/api
\ No newline at end of file

src/services/AuthServices.js

@@ -33,7 +33,7 @@ export const authServices = {
 
       const dataRole = {
         Name: "custom:role",
-        Value: "USER",
+        Value: "ADMIN",
       };
       const attributeEmail = new CognitoUserAttribute(dataEmail);
       const attributePhoneNumber = new CognitoUserAttribute(dataPhoneNumber);

src/services/ForgotPassword.js

@@ -111,7 +111,7 @@ export default () => {
                             value={email}
                             onChange={(e) => setEmail(e.target.value)}
                             invalid={validEmail} />
-                          <FormFeedback className="bg-transparent shadow-0">{validEmail ? "Please input valid email" : false}</FormFeedback>
+                          <FormFeedback className="bg-transparent shadow-0">{validEmail ? "Không đúng định dạng email" : false}</FormFeedback>
                         </InputGroup>
                       </FormGroup>
                       <div className="text-center">

src/services/Signin.js

@@ -128,9 +128,15 @@ export default () => {
                               <i className="ni ni-email-83" />
                             </InputGroupText>
                           </InputGroupAddon>
-                          <Input placeholder="Example@company.com" type="text"
-                            value={email} onChange={(e) => setEmail(e.target.value)} />
-                          <FormFeedback invalid>{validEmail ? "Không đúng định dạng email" : ""}</FormFeedback>
+                          <Input
+                            required
+                            placeholder="Example@company.com"
+                            type="text"
+                            value={email}
+                            onChange={(e) => setEmail(e.target.value)}
+                            invalid={validEmail}
+                          />
+                          <FormFeedback className="bg-transparent shadow-0">{validEmail ? "Không đúng định dạng email" : ""}</FormFeedback>
                         </InputGroup>
                       </FormGroup>
                       <FormGroup id="password">
@@ -141,6 +147,7 @@ export default () => {
                             </InputGroupText>
                           </InputGroupAddon>
                           <Input
+                            required
                             placeholder="Mật khẩu"
                             type="password"
                             autoComplete="off"

src/services/Signup.js

@@ -106,7 +106,7 @@ export default () => {
               <Col lg={5}>
                 <Card className="bg-secondary shadow border-0">
                   <CardHeader>
-                    <h5 className="text-center text-primary">Sign up</h5>
+                    <h5 className="text-center text-primary">Đăng kí tài khoản</h5>
                   </CardHeader>
                   <CardBody className="px-lg-5 py-lg-5">
                     <Form role="form" onSubmit={onHandleSignUp}>
@@ -119,12 +119,13 @@ export default () => {
                             </InputGroupText>
                           </InputGroupAddon>
                           <Input
-                            placeholder="Email"
-                            type="text"
+                            required
+                            placeholder="Example@company.com"
+                            type="email"
                             value={email}
                             onChange={(e) => setEmail(e.target.value)}
                             invalid={validEmail} />
-                          <FormFeedback className="bg-transparent shadow-0">{validEmail ? "Please input validate email" : false}</FormFeedback>
+                          <FormFeedback className="bg-transparent shadow-0">{validEmail ? "Không đúng định dạng email" : false}</FormFeedback>
                         </InputGroup>
                       </FormGroup>
 
@@ -136,12 +137,17 @@ export default () => {
                             </InputGroupText>
                           </InputGroupAddon>
                           <Input
-                            placeholder="Password"
+                            required
+                            placeholder="Mật khẩu"
                             type="password"
                             autoComplete="off"
                             value={password}
-                            onChange={(e) => setPassword(e.target.value)} />
+                            onChange={(e) => setPassword(e.target.value)} 
+                            invalid={checkPassword}
+                          />
+                          <FormFeedback>{checkPassword ? "Mật khẩu không trùng nhau" : false}</FormFeedback>
                         </InputGroup>
+
                       </FormGroup>
 
                       <FormGroup id="confirmPassword">
@@ -152,13 +158,15 @@ export default () => {
                             </InputGroupText>
                           </InputGroupAddon>
                           <Input
-                            placeholder="Confirm Password"
+                            required
+                            placeholder="Xác nhận mật khẩu"
                             type="password"
                             autoComplete="off"
                             value={confirmPassword}
                             onChange={(e) => setConfirmPassword(e.target.value)}
+                            invalid={checkPassword}
                           />
-                          <FormFeedback>{checkPassword ? "Please input match password" : false}</FormFeedback>
+                          <FormFeedback>{checkPassword ? "Mật khẩu không trùng nhau" : false}</FormFeedback>
                         </InputGroup>
                       </FormGroup>
                       <div className="text-center">
@@ -167,7 +175,7 @@ export default () => {
                           color="primary"
                           type="submit"
                         >
-                          Create account
+                          Tạo tài khoản
                         </Button>
                       </div>
                     </Form>
@@ -176,12 +184,12 @@ export default () => {
                 <Row className="mt-3">
                   <Col className="d-flex justify-content-start align-items-center">
                     <small className="text-light mr-2">
-                      Already have an account?
+                      Bạn đã có tài khoản?
                     </small>
                     <Link
                       to={Routes.Signin.path}>
                       <small className="text-primary">
-                        Login
+                        Đăng nhập
                       </small>
                     </Link>
                   </Col>