drinkingvideogames/mixer

import React, { Component } from 'react'
import { connect } from 'react-redux'
import { Table, TableBody, TableHeader, TableHeaderColumn, TableRow, TableRowColumn } from 'material-ui/Table'
import CheckCircleIcon from 'material-ui/svg-icons/action/check-circle'
 
class UsersTable extends Component {
  componentDidMount () {
    this.props.usersLoad()
  }
 
  componentDidUpdate () {
    this.props.usersLoad()
  }
 
Function `render` has 28 lines of code (exceeds 25 allowed). Consider refactoring.
  render () {
    const users = (
      this.props.users.toArray().map((user, i) =>
        <TableRow key={i}>
          <TableRowColumn>{i + 1}</TableRowColumn>
          <TableRowColumn>{user.email}</TableRowColumn>
          <TableRowColumn>
            {user.verified ? (<CheckCircleIcon />) : ''}
          </TableRowColumn>
        </TableRow>
      )
    )
 
    return (
      <div className='card-panel'>
        <span className='card-title'>Users</span>
        <Table>
          <TableHeader>
            <TableRow>
              <TableHeaderColumn>ID</TableHeaderColumn>
              <TableHeaderColumn>Email</TableHeaderColumn>
              <TableHeaderColumn>Verified</TableHeaderColumn>
            </TableRow>
          </TableHeader>
          <TableBody>
            {users}
          </TableBody>
        </Table>
      </div>
    )
  }
}
 
const mapStateToProps = (state) => {
  return { users: state.get('users') }
}
 
Similar blocks of code found in 2 locations. Consider refactoring.
const mapDispatchToProps = (dispatch) => {
  return {
    usersLoad: () => { dispatch({ type: 'USERS_LOAD', payload: {} }) }
  }
}
 
export default connect(mapStateToProps, mapDispatchToProps)(UsersTable)