old_contents: import React, { PropTypes } from 'react';
  import ReactCSSTransitionGroup from 'react-addons-css-transition-group';
  import styles from './Incident.css';
  import Map from './Map';
  import GridTile from 'material-ui/lib/grid-list/grid-tile';
  import Paper from 'material-ui/lib/paper';
  
  const Incident = ({ incident }) => (
    <ReactCSSTransitionGroup
      transitionName={styles}
      transitionEnterTimeout={500}
      transitionLeaveTimeout={300}
      transitionAppear
      transitionAppearTimeout={500}
    >
      <div className={styles.incident}>
        <Paper zDepth={2}>
          <GridTile
            key={incident.id}
            title={incident.description}
            subtitle={incident.address}
          >
            <Map address={incident.address} />
          </GridTile>
          <div className={styles.incidentInfo}>
            <p>{"id: " + incident.id}</p>
            <p>{"date: " + incident.date}</p>
            <p>{"address: " + incident.address}</p>
            <p>{"description: " + incident.narrative}</p>
          </div>
        </Paper>
      </div>
    </ReactCSSTransitionGroup>
  );
  
  Incident.propTypes = {
    incident: PropTypes.object.isRequired
  };
  
  export default Incident;
  
new_contents: import React, { PropTypes } from 'react';
  import ReactCSSTransitionGroup from 'react-addons-css-transition-group';
  import styles from './Incident.css';
  import Map from './Map';
  import GridTile from 'material-ui/lib/grid-list/grid-tile';
  import Paper from 'material-ui/lib/paper';
  const moment = require('moment');
  
  const Incident = ({ incident }) => (
    <ReactCSSTransitionGroup
      transitionName={styles}
      transitionEnterTimeout={500}
      transitionLeaveTimeout={300}
      transitionAppear
      transitionAppearTimeout={500}
    >
      <div className={styles.incident}>
        <Paper zDepth={2}>
          <GridTile
            key={incident.id}
            title={incident.description}
            subtitle={incident.address}
          >
            <Map address={incident.address} />
          </GridTile>
          <div className={styles.incidentInfo}>
            <p>{"id: " + incident.id}</p>
            <p>{"date: " + moment(incident.date).format('llll')}</p>
            <p>{"address: " + incident.address}</p>
            <p>{"description: " + incident.narrative}</p>
          </div>
        </Paper>
      </div>
    </ReactCSSTransitionGroup>
  );
  
  Incident.propTypes = {
    incident: PropTypes.object.isRequired
  };
  
  export default Incident;
  
subject: Add human friendly date in component