Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 2860 Rev 2865
Línea 1... Línea 1...
1 
import React, { useRef, useState, useEffect } from 'react'
 1 
import React, { useRef, useState, useEffect } from 'react'
2 
import { Link } from 'react-router-dom'
 2 
import { Link } from 'react-router-dom'
3 
import { useDispatch, useSelector } from 'react-redux'
 3 
import { useDispatch, useSelector } from 'react-redux'
4 
import { useForm } from 'react-hook-form'
 4 
import { useForm } from 'react-hook-form'
- 
 
 5 
import { styled } from '@mui/material'
5 
import MailIcon from '@mui/icons-material/Mail'
 6 
import { Mail } from '@mui/icons-material'
6 
import Recaptcha from 'react-recaptcha'
 7 
import Recaptcha from 'react-recaptcha'
7 
import styled from 'styled-components'
 - 
 
Línea 8... Línea 8...
8 
 
 8 
 
9 
import { axios } from '../../utils'
 9 
import { axios } from '@utils'
10 
import { addNotification } from '../../redux/notification/notification.actions'
 10 
import CryptoJSAesJson from '@utils/crypto-js/cryptojs-aes-format'
11 
import CryptoJSAesJson from '../../utils/crypto-js/cryptojs-aes-format'
 11 
import { addNotification } from '@store/notification/notification.actions'
12 
 
 - 
 
13 
import AuthForm from '../../components/auth/AuthForm'
 12 
 
14 
import Input from 'components/UI/form/FormInputText'
 - 
 
15 
import Spinner from 'components/UI/Spinner'
 13 
import Input from '@components/UI/inputs/Input'
- 
 
 14 
import Button from '@components/UI/buttons/Buttons'
- 
 
 15 
import Spinner from '@components/UI/Spinner'
Línea 16... Línea 16...
16 
import Button from '@components/UI/buttons/Buttons'
 16 
import AuthForm from '@components/auth/AuthForm'
17 
 
 17 
 
18 
const StyledCheck = styled.div`
 18 
const StyledCheck = styled('div')`
19 
  display: flex;
 19 
  display: flex;
20 
  flex-direction: column;
 20 
  flex-direction: column;
21 
  justify-content: center;
 21 
  justify-content: center;
Línea 27... Línea 27...
27 
  p {
 27 
  p {
28 
    text-align: center;
 28 
    text-align: center;
29 
  }
 29 
  }
30 
`
 30 
`
Línea 31... Línea 31...
31 
 
 31 
 
32 
const StyledSpinnerContainer = styled.div`
 32 
const StyledSpinnerContainer = styled('div')`
33 
  position: absolute;
 33 
  position: absolute;
34 
  left: 0;
 34 
  left: 0;
35 
  top: 0;
 35 
  top: 0;
36 
  width: 100%;
 36 
  width: 100%;
Línea 141... Línea 141...
141 
          }
 141 
          }
142 
        }}
 142 
        }}
143 
        placeholder='Correo electrónico'
 143 
        placeholder='Correo electrónico'
144 
        type='email'
 144 
        type='email'
145 
        error={errors.email?.message}
 145 
        error={errors.email?.message}
146 
        icon={MailIcon}
 146 
        icon={<Mail />}
147 
      />
 147 
      />
Línea 148... Línea 148...
148 
 
 148 
 
149 
      <Recaptcha
 149 
      <Recaptcha
150 
        sitekey={site_key}
 150 
        sitekey={site_key}