Repo.js

import React from "react";
import PropTypes from "prop-types";

const Repo = ({ repo, owner }) => (
  <div>
    <div className="Repo">
      <a href={repo.html_url} target="_blank" rel="noopener noreferrer">
        {repo.name}
      </a>
      Stars: {repo.stargazers_count}
    </div>

    <div className="User">
      <a href={owner.html_url} target="_blank" rel="noopener noreferrer">
        {owner.login}
        <img src={owner.avatar_url} width="72" height="72" />
      </a>
    </div>
  </div>
);

Repo.propTypes = {
  repo: PropTypes.shape({
    name: PropTypes.string.isRequired,
    html_url: PropTypes.string.isRequired,
    stargazers_count: PropTypes.number.isRequired
  }).isRequired,
  owner: PropTypes.shape({
    login: PropTypes.string.isRequired,
    avatar_url: PropTypes.string.isRequired,
    html_url: PropTypes.string.isRequired
  }).isRequired
};

export default Repo;