import React, { Component, PropTypes } from 'react';
import './Row.css';
import halo from '../img/halo.png'

export class Row extends Component {
  propTypes = {
    commits: PropTypes.string,
    key: PropTypes.string,
    style: PropTypes.style,
    index: PropTypes.number,
    users: PropTypes.object
  }

  style = {
    ...this.props.style,
    border: '.5px solid #c1c1c1', 
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'space-between',
  }

  render() {
    const { commits, key, index, users } = this.props;

    return (
      <div key={key} style={this.style}>
        <div className='user-info-container'>
          <p>{`${index + 1}.`}</p>
          <img src={users[index].avatar_url} alt={users[index].login} className="avatar" />
          <p>{users[index].login}</p>
        </div>
        <div className='commits-container'>
          <p>{`Commits: ${commits}`}</p>
          <img src={halo} alt="" className="halo" />
        </div>
      </div>
    )
  }
}
import React, { Component, PropTypes } from 'react';
import './Row.css';
import halo from '../img/halo.png'

export class Row extends Component {
  propTypes = {
    commits: PropTypes.string,
    key: PropTypes.string,
    style: PropTypes.style,
    index: PropTypes.number,
    users: PropTypes.object
  }

  style = {
    ...this.props.style,
    border: '.5px solid #c1c1c1', 
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'space-between',
  }

  render() {
    const { commits, key, index, users } = this.props;

    return (
      <div key={key} style={this.style}>
        <div className='user-info-container'>
          <p>{`${index + 1}.`}</p>
          <img src={users[index].avatar_url} alt={users[index].login} className="avatar" />
          <p>{users[index].login}</p>
        </div>
        <div className='commits-container'>
          <p>{`Commits: ${commits}`}</p>
          <img src="https://user-images.githubusercontent.com/10020218/28635322-0791ebe0-71ef-11e7-8aa3-85eadefdcfed.png" alt="Halo" className="halo" />
        </div>
      </div>
    )
  }
}
Update halo img src