import React from 'react';
import ListCount from '../Component/ListCount';
import { Link } from 'react-router-dom';
function ListItem({item,key,OIdentifier}) {
  return(
    <div className="team_project" key={key}>
      <p className="t_p_title">
        <span className="flex1">
          <Link to={`/projects/${OIdentifier}/${item.identifier}`} className="name">{item.identifier}</Link>
          <i className="iconfont icon-banbenku font-20 color-green ml8" />
          <i className="iconfont icon-jingxiang font-18 color-green ml8" />
          <i className="iconfont icon-fork font-18 color-orange ml8" />
        </span>
        <ListCount fork={item.forked_count} parise={item.praises_count}/>
      </p>
      <div className="desc">
      {item.description}
      </div>
      <div className="infos">
        <span className="font-12 color-grey-8">更新于{item.time_ago}</span>
      </div>
    </div>
  )
}
export default ListItem;