Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */

import React, { useEffect, useState } from 'react'

import { NavLink, Switch, Route, withRouter } from 'react-router-dom'

import Login from './login/Login'

import Signup from './signup/Signup'

import ForgotPassword from './forgot-password/ForgotPassword'

import { axios } from '../../../utils'

const SigninSection = () => {

  const [authProps, setAuthProps] = useState(null)

  useEffect(() => {

    axios

      .get('/signin', {

        headers: {

          'Content-Type': 'application/json',

        },

      })

      .then(({ data: response }) => setAuthProps(response))

      .catch((err) => console.log(err))

  }, [])

  return (

    <>

      <ul className="sign-control">

        <li>

          <NavLink to="/signin" activeClassName="current">

            Entrar

          </NavLink>

        </li>

        <li>

          <NavLink to="/signup" activeClassName="current">

            Registrarse

          </NavLink>

        </li>

        <li>

          <NavLink to="/forgot-password" activeClassName="current">

            Olvide mi clave

          </NavLink>

        </li>

      </ul>

      <div className="sign_in_sec current">

        <Switch>

          <Route exact path="/signin">

            <Login {...authProps} />

          </Route>

          <Route exact path="/signup">

            <Signup captchaKey={authProps?.captchaKey} aes={authProps?.aes} />

          </Route>

          <Route exact path="/forgot-password">

            <ForgotPassword

              captchaKey={authProps?.captchaKey}

              aes={authProps?.aes}

            />

          </Route>

        </Switch>

      </div>

    </>

  )

}

export default withRouter(SigninSection)