let ListingEntry = props => (
  <div>
    <p>
      <span> {props.listing.date} / </span>
      <span> {props.listing.location} / </span>
      <span> {props.listing.price}</span>
    </p>
    <p>{props.listing.title}</p>
    <p>{props.listing.description}</p>
  </div>
);

export default ListingEntry;


let ListingEntry = props => (
  <div>
    <span class="listingDate"> {props.listing.date} | </span>
    <span class="listingPrice"> {props.listing.price} | </span>
    <span class="listingLocation"> {props.listing.location} | </span>
    <span class="listingTitle"> {props.listing.title} </span>
  </div>
);

export default ListingEntry;


Refactor ListingEntry to display entry on 1 line
Refactor ListingEntry to display entry on 1 line

- Currently a ListingEntry takes up three lines.  Refactor to make the
  ListingEntry take up one line, and arrange the listing entry fields as
  follows: date, price, location, title (do NOT show the desription
  anymore).
