{"size": 692, "ext": "js", "max_stars_repo_path": "client/components/home/product-row.js", "max_stars_repo_name": "cgerace/react-site", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "client/components/home/product-row.js", "max_issues_repo_name": "cgerace/react-site", "max_issues_repo_issues_event_min_datetime": "2021-03-10T02:15:23.000Z", "max_issues_repo_issues_event_max_datetime": "2021-03-10T02:15:23.000Z", "max_forks_repo_path": "client/components/home/product-row.js", "max_forks_repo_name": "cgerace/the-record-shop", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 23.0666666667, "max_line_length": 56, "alphanum_fraction": 0.549132948}
import React from 'react'
import {Table} from 'semantic-ui-react'
import {Link} from 'react-router-dom'

const ProductRow = props => {
  const product = props.product

  return (
    <Table.Row key={product.id}>
      <Table.Cell>
        <Link to={`/albums/${product.album.id}`}>
          {' '}
          <img src={product.album.imageUrl} />
        </Link>
      </Table.Cell>
      <Table.Cell>
        <Link to={`/albums/${product.album.id}`}>
          {product.album.title} - {product.album.artist}
          <br />
        </Link>
        Qty: {product.quantity}
        <br />
        Price: {product.orderPrice}
      </Table.Cell>
    </Table.Row>
  )
}

export default ProductRow
