dogcard.js

import React from 'react';
import { Card } from 'antd';
import PostIcon from './dogicon';
import NavImage from './navimage'

const { Meta } = Card;

class DogCard extends React.Component {

  constructor(props) {
    super(props);
    this.handleNav = this.handleNav.bind(this);
  }

  handleNav() {
    console.log(`clicked post ${this.props.id}`);
  }

  render() {
    const dogID = this.props.id;
    return (
      <Card
        style={{ width: 320 }}
        cover={<NavImage img alt="test" src={this.props.imgURL} to={`/dog/${dogID}`}/>}
        hoverable={true}
        actions={[
          <PostIcon type="heart" selected={this.props.heart}/>,
          <PostIcon type="edit" selected={this.props.edit}/>
        ]}>
        <Meta title={this.props.Name} description={this.props.about} />
      </Card>
    );
  }
}

export default DogCard;