Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from "react"
import { NavLink, Switch, Route, withRouter } from "react-router-dom"
import { connect } from "react-redux"
import { addNotification } from "../../../redux/notification/notification.actions"
import Login from "./login/Login"
import Signup from "./signup/Signup"
import ForgotPassword from "./forgot-password/ForgotPassword"

const SigninSection = (props) => {
  // props captchakey
  const { captchaKey, facebookOauth, twitterOauth, googleOauth, aes, defaultNetwork } =
    props.backendVars

  // redux destructuring
  const { addNotification } = props
  
  return (
    <>
      <ul className="sign-control">
        <li>
          {/* <a href="#">Entrar</a> */}
          <NavLink to="/signin" activeClassName="current">
            Entrar
          </NavLink>
        </li>
        <li>
          {/* <a
            href="<?php echo $this->url('signup', ['uniqueid' => $uniqueid])?>"
            title=""
          >
            Registrarse
          </a> */}
          <NavLink to="/signup" activeClassName="current">
            Registrarse
          </NavLink>
        </li>
        <li>
          {/* <a
            href="<?php echo $this->url('forgot-password', ['uniqueid' => $uniqueid]) ?>"
            title=""
          >
            Olvide mi clave
          </a> */}
          <NavLink to="/forgot-password" activeClassName="current">
            Olvide mi clave
          </NavLink>
        </li>
      </ul>

      <div className="sign_in_sec current">
        <Switch>
          <Route exact path="/signin">
            <Login
              defaultNetwork={defaultNetwork}
              captchaKey={captchaKey}
              addNotification={addNotification}
              facebookOauth={facebookOauth}
              twitterOauth={twitterOauth}
              googleOauth={googleOauth}
              aes={aes}
            />
          </Route>
          <Route exact path="/signup">
            <Signup
              captchaKey={captchaKey}
              addNotification={addNotification}
              aes={aes}
            />
          </Route>
          <Route exact path="/forgot-password">
            <ForgotPassword
              captchaKey={captchaKey}
              addNotification={addNotification}
              aes={aes}
            />
          </Route>
        </Switch>
      </div>
    </>
  )
}

const mapDispatchToProps = {
  addNotification: (notification) => addNotification(notification),
}

export default connect(null, mapDispatchToProps)(withRouter(SigninSection))