// @flow
import React from 'react'
import Dialog from 'material-ui/Dialog'
import FlatButton from 'material-ui/FlatButton'
import { connect } from 'react-redux'
import { actions } from 'ducks/app'

const mapStateToProps = (state, props) => ({
  isLoginDialog: state.app.isLoginDialog,
})

const { setLoginDialog, login } = actions
const mapDispatchToProps = { setLoginDialog, login }

@connect(mapStateToProps, mapDispatchToProps)
class PageLoginDialog extends React.Component {
  static defaultProps: {
    isLoginDialog: false,
    setLoginDialog: null,
    login: null,
  }

  props: {
    isLoginDialog: boolean,
    setLoginDialog: Function,
    login: Function,
  }

  closeLoginDialog = () => {
    this.props.setLoginDialog(false)
  }

  handleLogin = () => {
    this.props.login()
    this.closeLoginDialog()
  }

  actions = [
    <FlatButton label="Отмена" primary onTouchTap={this.closeLoginDialog} />,
    <FlatButton label="Войти" primary keyboardFocused onTouchTap={this.handleLogin} />,
  ]

  render() {
    const { isLoginDialog } = this.props
    return (
      <Dialog
        title="Представьтесь, пожалуйста"
        actions={actions}
        modal={false}
        open={isLoginDialog}
        onRequestClose={this.closeLoginDialog}
      >
        {/* <input type='email' /> */}
        Пока просто нажмите [ВОЙТИ].
      </Dialog>
    )
  }
}

export default PageLoginDialog

@@ -819,16 +819,78 @@
 %0A  %7D%0A%0A  
+render() %7B%0A    const %7B isLoginDialog %7D = this.props%0A    const 
 actions 
@@ -893,16 +893,18 @@
 ons = %5B%0A
+  
     %3CFla
@@ -973,24 +973,26 @@
 og%7D /%3E,%0A    
+ 
+ 
 %3CFlatButton 
@@ -1069,64 +1069,11 @@
 ,%0A  
-%5D%0A%0A  render() %7B%0A    const %7B isLoginDialog %7D = this.props
+  %5D
 %0A   

Исправить render()