Function render has 99 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const drinkingGames = this.state.state === 'view' ? (
      this.props.drinkingGames.toJS().map((drinkingGame, index) => {
        return (<div className='col s12 m6 l3' key={index}>
          <DrinkingGameCard game={this.state.game.toJS()} drinkingGame={drinkingGame} />

Function render has 64 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const iconImage = this.input['iconImage']
    const image = this.input['image']
    const iconDrop = iconImage && iconImage.preview
      ? <img className='image-preview' src={iconImage.preview} />

Function makeUserSagas has 58 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function makeUserSagas (app) {
  function performLogin (app, action) {
    if (!action.payload.strategy) {
      action.payload.strategy = 'local'
    }

Function render has 52 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const styles = {
      autoCompleteInput: { width: '70%', display: 'inline-block' },
      rightBlock: { width: '25%' },
      genreButton: { width: '50%', textAlign: 'center' },

Function render has 47 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    let input = {}
 
    const games = this.props.games.size > 0 ? this.props.games.toArray().map((game, index) => {
      return (<li key={index}><a href='#!'>{game.get('name')}</a></li>)

Function render has 43 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const verifySnackbar = (
      !this.props.user.get('verified') ? (
        <Snackbar
          open

Function exports has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

module.exports = function () {
  const app = this
 
  let options = {
    Model: model,

Function upload has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function upload (service, file) {
  function getBlob (file) {
    return new Promise((resolve, reject) => {
      const xhr = new window.XMLHttpRequest()
      xhr.open('GET', file.preview, true)

Function render has 30 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    let input = {}
    return (
      <div id='newGenreModal' className='modal modal-fixed-footer'>
        <div className='modal-content'>

Function render has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const usersGames = (
      this.getGamesList().map((game, i) =>
        <TableRow key={i}>
          <TableRowColumn>{i + 1}</TableRowColumn>

Function exports has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

module.exports = function () {
  const app = this
  const imgUploadsDir = path.join(__dirname, '..', '..', '..', 'public', 'uploads', 'imgs')
  const directories = {
    icons: path.join(imgUploadsDir, 'icons'),

Function render has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const users = (
      this.props.users.toArray().map((user, i) =>
        <TableRow key={i}>
          <TableRowColumn>{i + 1}</TableRowColumn>

Function makeUserSagas has a Cognitive Complexity of 10 (exceeds 5 allowed). Consider refactoring.

Open

export default function makeUserSagas (app) {
  function performLogin (app, action) {
    if (!action.payload.strategy) {
      action.payload.strategy = 'local'
    }

• Read up
  Read up

Function render has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const game = this.props.games.toJS().find((game) => game.url === this.props.routeParams.game)
    const drinkingGame = this.props.drinkingGames.toJS().find((game) => game.url === this.props.routeParams.drinkingGame)
 
    if (game && drinkingGame) {

Function makeGameSagas has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function makeGameSagas (app) {
  function* add (action) {
    try {
      const image = yield upload(app.service('gameimages'), action.payload.imageUrl)
      const iconImage = yield upload(app.service('gameicons'), action.payload.iconImageUrl)

Function render has a Cognitive Complexity of 7 (exceeds 5 allowed). Consider refactoring.

Open

  render () {
    const drinkingGames = this.state.state === 'view' ? (
      this.props.drinkingGames.toJS().map((drinkingGame, index) => {
        return (<div className='col s12 m6 l3' key={index}>
          <DrinkingGameCard game={this.state.game.toJS()} drinkingGame={drinkingGame} />

• Read up
  Read up

Function render has a Cognitive Complexity of 6 (exceeds 5 allowed). Consider refactoring.

Open

  render () {
    const styles = {
      autoCompleteInput: { width: '70%', display: 'inline-block' },
      rightBlock: { width: '25%' },
      genreButton: { width: '50%', textAlign: 'center' },

• Read up
  Read up