<commit_before>import React, { PropTypes } from 'react'
import {
  ContentStates,
  ContentStateStyles
} from '../../constants/Options'
import {
  Base
} from 'zanata-ui'
import { Button } from 'react-bootstrap'

/**
 * Component to filter statistics on content state
 * (approved, translated, need work)
 */
const ContentStateFilter = ({
  selectedContentState,
  handleFilterChanged,
  ...props
}) => {
  const optionItems = ContentStates.map(function (option, index) {
    const active = selectedContentState === option

    /* eslint-disable react/jsx-no-bind */
    return (
      <Button bsStyle='default' key={option}
        active={active}
        className={ContentStateStyles[index]}
        onClick={() => handleFilterChanged(option)}>
        {option}
      </Button>
    )
    /* eslint-enable react/jsx-no-bind */
  })
  return (
    <Base>
      {optionItems}
    </Base>
  )
}

ContentStateFilter.propTypes = {
  selectedContentState: PropTypes.oneOf(ContentStates).isRequired,
  handleFilterChanged: PropTypes.func
}

export default ContentStateFilter
<commit_msg>chore: removed zanata-ui from containers/UserProfile/ContentStateFilter.jsx (ZNTA-1654)<commit_after>import React, { PropTypes } from 'react'
import {
  ContentStates,
  ContentStateStyles
} from '../../constants/Options'
import { Button } from 'react-bootstrap'

/**
 * Component to filter statistics on content state
 * (approved, translated, need work)
 */
const ContentStateFilter = ({
  selectedContentState,
  handleFilterChanged,
  ...props
}) => {
  const optionItems = ContentStates.map(function (option, index) {
    const active = selectedContentState === option

    /* eslint-disable react/jsx-no-bind */
    return (
      <Button bsStyle='default' key={option}
        active={active}
        className={ContentStateStyles[index]}
        onClick={() => handleFilterChanged(option)}>
        {option}
      </Button>
    )
    /* eslint-enable react/jsx-no-bind */
  })
  return (
    <div>
      {optionItems}
    </div>
  )
}

ContentStateFilter.propTypes = {
  selectedContentState: PropTypes.oneOf(ContentStates).isRequired,
  handleFilterChanged: PropTypes.func
}

export default ContentStateFilter

{'fraction_non_alphanumeric': 0.1258518855065879, 'fraction_numerical': 0.001817355747387551, 'mean_word_length': 3.45748987854251, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 15, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3755132', 'n_tokens_mistral': 639, 'n_tokens_neox': 646, 'n_words': 139}