<commit_before>import React from 'react';
// import { Card, CardMedia, CardTitle, CardText } from 'material-ui/Card';
// import styled from 'styled-components';
// const Img = styled.img`
//   margin:
// `

const SightingList = props => {
  console.log(props);
  return (
    <div>
      <h1>Sighting List</h1>
      {props.sightings.map(s => (
        <ul>
          <li>{s.scientificName}</li>
          <li>
            Count:
            {s.count}
          </li>
          <li>
            Sex:
            {s.sex}
          </li>
          <li>
            Lat:
            {s.lat}
          </li>
          <li>
            Long:
            {s.lon}
          </li>
          <li>
            <img src={s.photoURL} alt={s.scientificName} width="300px" />
          </li>
        </ul>
      ))}
    </div>
  );
};

export default SightingList;
<commit_msg>Add basic sighting card styling<commit_after>import React from 'react';
import { Card, CardMedia, CardTitle, CardText } from 'material-ui/Card';
// import styled from 'styled-components';
// const Img = styled.img`
//   margin:
// `

const SightingList = props => {
  console.log(props);
  return (
    <div>
      <h1>Sighting List</h1>
      {props.sightings.map(s => (
        <Card>
          <CardTitle title={s.scientificName} subtitle={'Lat: ' + s.lat + ', Long: ' + s.lon} />
          <CardMedia>
            <img
              src={s.photoURL || 'https://evolution.berkeley.edu/evolibrary/images/evo/ontogenew.gif'}
              alt={s.scientificName}
            />
          </CardMedia>
          <CardText>
            <h3>Count: {s.count}</h3>
            <h3>Sex: {s.sex}</h3>
            <h3>Location: {s.lat + ', ' + s.lon}</h3>
          </CardText>
        </Card>
      ))}
    </div>
  );
};

export default SightingList;

{'fraction_non_alphanumeric': 0.16537610619469026, 'fraction_numerical': 0.007190265486725664, 'mean_word_length': 1.57325746799431, 'pattern_counts': {'":': 0, '<': 40, '<?xml version=': 0, '>': 44, 'https://': 1, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5914600', 'n_tokens_mistral': 622, 'n_tokens_neox': 599, 'n_words': 116}