/**
 * LoginPage selectors
 */

import { createSelector } from 'reselect';

const selectLogin = () => (state) => state.get('login');

const selectFormState = () => createSelector(
  selectLogin(),
  (loginState) => loginState.get('formState')
);

const selectUsername = () => createSelector(
  selectFormState(),
  (formState) => formState.username
  // (formState) => formState.get('username') // Not working
);

const selectPassword = () => createSelector(
  selectLogin(),
  (formState) => formState.password,
  // (loginState) => { // Not working
    // console.log(loginState.getIn(['formState', 'username']));
    // return loginState.get('formState');
  // }
  // (loginState) => loginState.getIn(['formState', 'password'])
);

export {
  selectLogin,
  selectFormState,
  selectUsername,
  selectPassword,
};