Proyectos de Subversion LeadersLinked - Antes de SPA

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

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

  // redux destructuring
  const { addNotification } = props;
  return (
    <div>
      <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
              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>
    </div>
  );
};

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

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