{"size": 980, "ext": "js", "max_stars_repo_path": "client/components/Table/index.js", "max_stars_repo_name": "iddar/trending", "max_stars_repo_stars_event_min_datetime": "2016-10-31T03:08:29.000Z", "max_stars_repo_stars_event_max_datetime": "2016-10-31T03:51:00.000Z", "max_issues_repo_path": "client/components/Table/index.js", "max_issues_repo_name": "iddar/trending", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "client/components/Table/index.js", "max_forks_repo_name": "iddar/trending", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 2, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 24.5, "max_line_length": 83, "alphanum_fraction": 0.4704081633}
import React, { Component } from 'react'

import style from './style.css'
import data from './dataset'

class Circle extends Component {
  render () {
    return (
      <div className={style.normal}>
        <div className={style.tableHead}>
          Ultimos Movimientos
        </div>
        <div className={style.tableTitles}>
          <div>Concepto</div>
          <div>Lugar</div>
          <div>Monto</div>
          <div>Fecha</div>
          {/* <div>Tipo</div> */}
        </div>
        <div className={style.list}>
        {
          data.filter(item => item.tipo === this.props.filter).map((item, key) => {
            return (
              <div key={key} className={style.row}>
                <div>{item.concepto}</div>
                <div>{item.lugar}</div>
                <div>{item.monto}</div>
                <div>{item.fecha}</div>
              </div>
            )
          })
        }
        </div>
      </div>
    )
  }
}

export default Circle
