From 5cd48413a7ee121667864d65e41cc74502209742 Mon Sep 17 00:00:00 2001
From: Andre Emiliano <novaisea@coventry.ac.uk>
Date: Wed, 21 Apr 2021 09:51:10 +0000
Subject: [PATCH] Dogs are now showing in the home screen

---
 src/components/dogcard.js  | 2 +-
 src/components/dogicon.js  | 7 +++++++
 src/components/homegrid.js | 4 ++--
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/dogcard.js b/src/components/dogcard.js
index d379a8b..27bde71 100644
--- a/src/components/dogcard.js
+++ b/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}
diff --git a/src/components/dogicon.js b/src/components/dogicon.js
index 4615deb..405f693 100644
--- a/src/components/dogicon.js
+++ b/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';
diff --git a/src/components/homegrid.js b/src/components/homegrid.js
index e23c456..85ad6f2 100644
--- a/src/components/homegrid.js
+++ b/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>
       )