{"size": 1084, "ext": "js", "max_stars_repo_path": "src/views/tabContent.js", "max_stars_repo_name": "dongchenxu123/cnode", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/views/tabContent.js", "max_issues_repo_name": "dongchenxu123/cnode", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/views/tabContent.js", "max_forks_repo_name": "dongchenxu123/cnode", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 30.1111111111, "max_line_length": 127, "alphanum_fraction": 0.5359778598}
import React, { PropTypes } from 'react'
import Tooltip from 'antd/lib/tag'
import Link from 'react-router/lib/link'
export class TabContent extends React.Component {
	
	render () {
		const listItems= this.props.data
		return (
			<ul className='list-group'>
			   {
			   	listItems.map((ele,index) => {
			   		return (
			   	<li className='list-group-item' key={ele.id} style={{overflow: 'hidden'}}>
			   	    <Tooltip placement="bottomRight" title={ele.author.loginname} style={{float: 'left'}}>
						       <Link to={'/user/'+ele.author.loginname}><img src={ele.author.avatar_url} style={{width: 30, height: 30}}/></Link>
			      	</Tooltip>
			   		<Link className="list-group-item"
					   			to={'/topick/'+ele.id}
					   			className='' style={{color: '#666', float: 'left'}}>
			   		           
			   		          <span className='count'>{ele.reply_count}/{ele.visit_count}</span>
			   		          <span>{ele.title}</span>
			   		          
	   		        </Link>
   		         	
		   		  </li>
			   		)
			   	})
			   }
			</ul>
		)
	}
}

export default TabContent
