import React, { Component } from 'react'

function isEmpty (value) {
  return value
}

class IGT extends Component {
  render () {
    const fields = this.props.fields
    // console.log('igt is ', this.props.igt)
    const igt = fields.map((field) => {
      return (
      this.props.igt[field.id]
      )
    }).filter(isEmpty).join(' <br/>')
    return (
      <span className='glossCouplet' dangerouslySetInnerHTML={{
        __html: igt
      }} />
    )
  }
}

IGT.propTypes = {
  fields: React.PropTypes.object.isRequired,
  igt: React.PropTypes.object.isRequired
}

export default IGT