src/views/Locked/Locked.jsx
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)