file.jsx

import React from 'react'
import { Row, Col } from 'react-flexbox-grid'
import AppBar from 'material-ui/lib/app-bar'
import IconButton from 'material-ui/lib/icon-button'
import NavigationArrowBack from 'material-ui/lib/svg-icons/navigation/arrow-back'
import LoginForm from './components/LoginForm'

export default React.createClass({
  contextTypes: {
    router: React.PropTypes.object.isRequired,
  },

  render() {
    return (
      <div>
        <AppBar title="CatCoin" iconElementLeft={ <IconButton onTouchTap={this.back}><NavigationArrowBack /></IconButton> } />
        <Row center="xs">
          <Col xs={8} sm={8} md={8} lg={6}>
            <LoginForm onLogin={ ()=> {alert(0)}} />
          </Col>
        </Row>
      </div>
    )
  },

  back() {
    this.context.router.push('/')
  },

  login(username, password) {
    alert(0)
  },
})