Dogs are now showing in the home screen

src/components/dogcard.js

@@ -23,7 +23,7 @@ class DogCard extends React.Component {
     return (
       <Card
         style={{ width: 320 }}
-        cover={<NavImage alt={`Dog ${dogID}`} src={this.props.imageURL} to={`/dog/${dogID}`} />}
+        cover={<NavImage alt={`Dog ${dogID}`} src={this.props.imageURL} to={`/dogs/${dogID}`} />}
         hoverable={true}
         actions={[
           <DogIcon type="like" countLink={this.props.links.likes} selected={this.props.liked}

src/components/dogicon.js

@@ -59,6 +59,13 @@ class DogIcon extends React.Component {
       console.log(`${this.props.type} icon error for dog ${this.props.id}`)
     });
   }
+
+	 componentDidUpdate(prevProps, prevState){
+    if (prevState.selected !== this.state.selected) {
+      //run the handler passed in by the parent component
+      this.props.handleToggle(this.state.selected);
+    }
+  }
 
   render(){
     const theme = this.state.selected ? 'filled' : 'outlined';

src/components/homegrid.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Col, Row } from 'antd';
-import dogCard from './dogcard';
+import DogCard from './dogcard';
 import { status, json } from '../utilities/requestHandlers';
 
 class HomeGrid extends React.Component {
@@ -30,7 +30,7 @@ class HomeGrid extends React.Component {
       return (
         <div style={{padding:"10px"}} key={dog.ID}>
           <Col span={6}>
-            <dogCard {...dog} />
+            <DogCard {...dog} />
           </Col>
         </div>
       )