import React from 'react';
import Notices from 'components/notices';

const LogInBox = ( props ) => {
  return (
    <div className="log-in-box">
      <Notices errors={ props.errors } onClearNotices={ props.clearNotices } />
      <div className="log-in-box__content">
        <img className="log-in-box__logo" alt="Voyageur logo" src="/assets/logo-medium-smooth.png" />
        <h1 className="log-in-box__title">Voyageur</h1>
        <p className="log-in-box__subtitle">How far do you go?</p>
        <a onClick={ props.showAuth } className="log-in-box__button btn btn-primary btn-lg">Let's find out!</a>
      </div>
    </div>
  );
};

LogInBox.propTypes = {
  showAuth: React.PropTypes.func.isRequired,
  onClearNotices: React.PropTypes.func.isRequired,
  errors: React.PropTypes.array,
};

export default LogInBox;

import React from 'react';
import Notices from 'components/notices';

const LogInBox = ( props ) => {
  return (
    <div className="log-in-box">
      <Notices errors={ props.errors } onClearNotices={ props.onClearNotices } />
      <div className="log-in-box__content">
        <img className="log-in-box__logo" alt="Voyageur logo" src="/assets/logo-medium-smooth.png" />
        <h1 className="log-in-box__title">Voyageur</h1>
        <p className="log-in-box__subtitle">How far do you go?</p>
        <a onClick={ props.showAuth } className="log-in-box__button btn btn-primary btn-lg">Let's find out!</a>
      </div>
    </div>
  );
};

LogInBox.propTypes = {
  showAuth: React.PropTypes.func.isRequired,
  onClearNotices: React.PropTypes.func.isRequired,
  errors: React.PropTypes.array,
};

export default LogInBox;

Fix passing onClearNotices to Notices in LogInBox
Fix passing onClearNotices to Notices in LogInBox
