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)