drinkingvideogames/mixer

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  openLoginModal () {
    const settings = {
      confirmButtonText: 'Login',
      html: [
        '<input class="js-sw-login-email" type="email" placeholder="Email" tabindex="1"/>',

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  openRegisterModal () {
    const settings = {
      confirmButtonText: 'Register',
      html: [
        '<input class="js-sw-register-email" type="email" placeholder="Email" tabindex="1"/>',

• Read up
  Read up

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} />

Similar blocks of code found in 2 locations. Consider refactoring.

Open

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

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

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

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                <div className='input-field col s12 m6'>
                  <input placeholder='/game/:slug' id='game_slug' type='text' className='validate' ref={node => {
                    this.input.gameUrl = node
                  }} />
                  <label htmlFor='game_slug'>Game Slug</label>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    const imageDrop = this.state.game && this.state.game.has('imageUrl')
      ? <img className='image-preview' src={this.state.game.get('imageUrl')} />
      : <div className='image-preview'>Click or drop to upload Main Image</div>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    const iconDrop = this.state.game && this.state.game.has('iconImageUrl')
      ? <img className='image-preview' src={this.state.game.get('iconImageUrl')} />
      : <div className='image-preview'>Click or drop to upload Icon Image</div>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                <div className='input-field col s12 m6'>
                  <input placeholder='Game Name' id='game_name' type='text' className='validate' ref={node => {
                    this.input.gameName = node
                  }} />
                  <label htmlFor='game_name'>Game Name</label>

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

                <div className='input-field col s6'>
                  <input placeholder='/game/:game/drink/:slug' id='game_slug' type='text' className='validate' ref={node => {
                    input.gameUrl = node
                  }} />
                  <label htmlFor='game_slug'>Game Slug</label>

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

                <div className='input-field col s6'>
                  <input placeholder='Drinking Game Name' id='game_name' type='text' className='validate' ref={node => {
                    input.gameName = node
                  }} />
                  <label htmlFor='game_name'>Drinking Game Name</label>

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

                <div className='input-field col s12'>
                  <input placeholder='Genre Name' id='game_name' type='text' className='validate' ref={node => {
                    input.genreName = node
                  }} />
                  <label htmlFor='game_name'>Game Name</label>

• Read up
  Read up

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' },

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                  <div className='col s12 m6'>
                    <Dropzone style={dropStyles} onDrop={this.onDrop.bind(this, 'image')} multiple={false} accept={'image/*'}>
                      {imageDrop}
                    </Dropzone>
                  </div>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                  <div className='col s12 m6'>
                    <Dropzone style={dropStyles} onDrop={this.onDrop.bind(this, 'iconImage')} multiple={false} accept={'image/*'}>
                      {iconDrop}
                    </Dropzone>
                  </div>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const gameAdd = (game) => ({
  type: constants.game.ADD.SUCCESS,
  name: game.name,
  userId: game.userId,
  url: game.url,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const gameUpdate = (game) => ({
  type: constants.game.UPDATE.SUCCESS,
  name: game.name,
  userId: game.userId,
  url: game.url,

• Read up
  Read up

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>)