{"size": 731, "ext": "js", "max_stars_repo_path": "src/js/components/rankings/TableRow.js", "max_stars_repo_name": "PNBenfica/Tipsters", "max_stars_repo_stars_event_min_datetime": "2020-06-17T11:57:09.000Z", "max_stars_repo_stars_event_max_datetime": "2020-12-08T02:56:28.000Z", "max_issues_repo_path": "src/js/components/rankings/TableRow.js", "max_issues_repo_name": "PNBenfica/Tipsters", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/js/components/rankings/TableRow.js", "max_forks_repo_name": "PNBenfica/Tipsters", "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": 31.7826086957, "max_line_length": 168, "alphanum_fraction": 0.46374829}
import React from "react"

export default class TableRow extends React.Component {

    render() {

        const { stats, tipster, rank } = this.props
        const { ROI, winPercentage, avgWinOdds, nTips, nFollowers, streak } = stats
                 
        return (
            <tr>
                <th scope="row"><p>{rank}.</p> <img src={tipster.avatar} class="img-thumbnail img-circle"/><a href={"#/profile/"+ tipster.name}>{tipster.name}</a></th>
                <td>{ROI}%</td>
                <td>{winPercentage}%</td>
                <td>{avgWinOdds}</td>
                <td>{nTips}</td>
                <td>{nFollowers}</td>
                <td>{streak}</td>
            </tr>
        )
    }
}
