import React from 'react';

const MiniGraph = (props) => {

  function handleRoutes(key) {
    window.Routing.route(props.route_map[key]);
  }

  return (
    <ul className="generic_stats_horizontal">
    {props.data.values && props.graph_keys.map((key, index) =>
      <li key={index}>
        <a onClick={ (key) => this.handleRoutes(key) }>
          <div>
            <span>{props.data.values[key]}</span>
            <label data-i18n={"columns." + key}>{props.title_map[key]}</label>
            <a onClick='return false;'>test</a>
          </div>
        </a>
      </li>
    )}
    </ul>
  )
}

export default MiniGraph