Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React, { useEffect, useState, lazy, Suspense } from 'react'
import { NavLink, Switch, Route, withRouter } from 'react-router-dom'
import { axios } from '../../../utils'

const Login = lazy(() => import('./login/Login'))
const Signup = lazy(() => import('./signup/Signup'))
const ForgotPassword = lazy(() => import('./forgot-password/ForgotPassword'))

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>

      <Suspense fallback={null}>
        {authProps && (
          <div className="sign_in_sec current">
            <Switch>
              <Route exact path="/signin">
                <Login {...authProps} />
              </Route>
              <Route exact path="/signup">
                <Signup captchaKey={authProps?.site_key} aes={authProps?.aes} />
              </Route>
              <Route exact path="/forgot-password">
                <ForgotPassword
                  captchaKey={authProps?.site_key}
                  aes={authProps?.aes}
                />
              </Route>
            </Switch>
          </div>
        )}
      </Suspense>
    </>
  )
}

export default withRouter(SigninSection)