dmayo2

      // --methods above here --
    
      render(){
        let { _id, fileName, createdAt, src, deleteDate, } = this.props;
        return(
          <tr key={_id}>
            <td><img src={src}{fileName} height=50" /> {fileName}</td>
            <td>{src}</td>
            <td>{createdAt}</td>
            <td>{deleteDate}

dmayo2

    handleRemove(imageId){
      if ( confirm('Are you sure? This is permanent!') ) {
        // send `imageId` to database to be deleted. Framework dependent
      }
    } 
    
    changeFontAwesome() {
    	this.setState({ editDate: !this.state.editDate });
    }
    

dmayo2

    class CustomRow extends React.Component {
      constructor(props) {
        super(props);
        this.state = {
          startDate: moment(props.deleteDate),
          editDate: true,
        }
        this.handleDateChange = this.handleDateChange.bind(this);
        this.handleRemove = this.handleRemove.bind(this);
        this.changeFontAwesome = this.changeFontAwesome.bind(this);

dmayo2

    Class Images extends React.Component {
      constructor(props) {
        super(props);
      }
      
      render(){
        // deconstruct props to get access to individual params
        let { loading, images, } = this.props;
        
        return(

dmayo2

const handleDelete = (imageId) => {
  if (confirm('Are you sure? This is permanent!') ) {
    // call to database to delete and catch any errors
    try {
      images: ImagesCollection.remove(imageId);
    } catch (exception) {
      throw new Error('500', exception);
    }
  }
}  

dmayo2

{images.map( ({_id, fileName, size, src, }) => (
  <tr key={_id}>
    <td><img src={src}{fileName} /></td>
    <td>{fileName}</td>
    <td>{size}</td>
    <td><Button onClick={() => handleDelete(_id)} > Delete </Button></td>
  </tr>
) }

dmayo2

    {images.map( ({_id, fileName, size, src, }) => {
      counter++;
      (<tr key={_id}>
        <td>{counter}.</td>
        <td><img src={src}{fileName} /></td>
        <td>{fileName}</td>
        <td>{size}</td>
      </tr>
      ) }
    }

dmayo2

{images.map( ({_id, fileName, size, src, }) => ()
   // HTML/JSX here
)};  

dmayo2

    // Old ES5 syntax
    if( loading === false ) {
     return (
        // HTML/JSX output here with database contents
      )
    } else {
      return <Loading />
    }

dmayo2

!loading ? (