18F/e-QIP-prototype

import React from 'react'
import { connect } from 'react-redux'
import { i18n } from '../../config'

class Locked extends React.Component {
  render() {
    return (
      <div className="login eapp-core" id="login">
        <div id="seal-header" className="seal-header text-center">
          <div className="content">
            <img
              src="/img/nbis-seal.png"
              alt="National Background Investigation Services"
            />
            <h2>{i18n.t('login.title')}</h2>
          </div>
        </div>
        <div className="content">
          <div className="table one">
            <div id="locked" className="auth locked">
              <h3>{i18n.t('login.locked.title')}</h3>
              {i18n.m('login.locked.para')}
              <a href="/" title={i18n.t('login.locked.button')}>
                {i18n.t('login.locked.button')}
              </a>
            </div>
          </div>
        </div>
      </div>
    )
  }
}

Locked.defaultProps = {}

/**
 * Maps the relevant subtree state from the applications state tree.
 * In this case, we pull the authentication sub-state. This is mapped
 * to the authentication reducer. When actions are dispatched, this
 * method is executed which causes a re-render.
 */
function mapStateToProps(state) {
  return {}
}

// Wraps the the App component with connect() which adds the dispatch()
// function to the props property for this component
export default connect(mapStateToProps)(Locked)