Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6509 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 6509 Rev 6510
Línea 127... Línea 127...
127
      </StyledCheck>
127
      </StyledCheck>
128
    )
128
    )
129
  }
129
  }
Línea 130... Línea 130...
130
 
130
 
131
  return (
131
  return (
132
    <React.Fragment>
132
    <>
133
      <h3>Olvide mi Clave</h3>
133
      <h3>Olvide mi Clave</h3>
134
      <form onSubmit={handleSubmit(onSubmitHandler)}>
-
 
135
        <div className="row">
-
 
136
          <div className="col-lg-12 no-pdd">
134
      <form onSubmit={handleSubmit(onSubmitHandler)}>
137
            <div className="inputContainer">
135
        <div className="inputContainer">
138
              <div className="sn-field">
136
          <div className="sn-field">
139
                <input
137
            <input
140
                  type="email"
138
              type="email"
141
                  name="email"
139
              name="email"
142
                  placeholder="Correo electrónico"
140
              placeholder="Correo electrónico"
143
                  ref={register({
141
              ref={register({
144
                    required: 'Este campo es requerido',
142
                required: 'Este campo es requerido',
145
                    pattern: {
143
                pattern: {
146
                      value: /^[\w-.]+@([\w-]+\.)+[\w-]{2,4}$/i,
144
                  value: /^[\w-.]+@([\w-]+\.)+[\w-]{2,4}$/i,
147
                      message:
145
                  message:
148
                        'Debe ser una dirección de correo electrónico valida',
146
                    'Debe ser una dirección de correo electrónico valida',
149
                    },
147
                },
150
                  })}
148
              })}
151
                />
149
            />
152
                <i className="la la-envelope" />
-
 
153
              </div>
-
 
154
              {errors.email && (
-
 
155
                <FormErrorFeedback>{errors.email.message}</FormErrorFeedback>
-
 
156
              )}
-
 
157
            </div>
150
            <i className="la la-envelope" />
158
          </div>
151
          </div>
-
 
152
          {errors.email && (
-
 
153
            <FormErrorFeedback>{errors.email.message}</FormErrorFeedback>
-
 
154
          )}
159
          <div className="col-lg-12 no-pdd">
155
        </div>
160
            <div className="inputContainer">
156
        <div className="inputContainer">
161
              <div className="sn-field">
157
          <div className="sn-field">
162
                <Recaptcha
158
            <Recaptcha
163
                  sitekey={site_key}
159
              sitekey={site_key}
164
                  verifyCallback={forgotPasswordVerifyCallbackHandler}
160
              verifyCallback={forgotPasswordVerifyCallbackHandler}
165
                  verifyCallbackName="forgotPasswordVerifyCallbackHandler"
161
              verifyCallbackName="forgotPasswordVerifyCallbackHandler"
166
                  expiredCallback={forgotPasswordExpiredCallbackHandler}
162
              expiredCallback={forgotPasswordExpiredCallbackHandler}
167
                  expiredCallbackName="forgotPasswordExpiredCallbackHandler"
163
              expiredCallbackName="forgotPasswordExpiredCallbackHandler"
168
                  ref={reCaptchaInstance}
164
              ref={reCaptchaInstance}
169
                  render="explicit"
165
              render="explicit"
170
                  onloadCallback={handleOnRecaptchaLoad}
166
              onloadCallback={handleOnRecaptchaLoad}
171
                  hl="es"
-
 
172
                />
-
 
173
              </div>
167
              hl="es"
174
            </div>
-
 
175
          </div>
-
 
176
          <div className="col-lg-12 no-pdd">
-
 
177
            <button type="submit" value="submit" disabled={!isVerified}>
-
 
178
              Nueva Clave
-
 
179
            </button>
168
            />
180
          </div>
169
          </div>
-
 
170
        </div>
-
 
171
        <button type="submit" value="submit" disabled={!isVerified}>
-
 
172
          Nueva Clave
181
        </div>
173
        </button>
182
      </form>
174
      </form>
183
      {isLoading && (
175
      {isLoading && (
184
        <StyledSpinnerContainer>
176
        <StyledSpinnerContainer>
185
          <Spinner />
177
          <Spinner />
186
        </StyledSpinnerContainer>
178
        </StyledSpinnerContainer>
187
      )}
179
      )}
188
    </React.Fragment>
180
    </>
189
  )
181
  )
Línea 190... Línea 182...
190
}
182
}