feat(MovieCard): add See details link

aneurysmjs · Dec 26, 2017 · 907f951 · 907f951
1 parent 1d7e22a
commit 907f951
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx
@@ -35,7 +35,7 @@ export default class Header extends Component {
     } else {
       space = (
         <NavLink
-          to='/'
+          to='/movies'
           className="navbar-brand">
           Back
         </NavLink>

diff --git a/src/components/MovieCard/MovieCard.jsx b/src/components/MovieCard/MovieCard.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { NavLink } from 'react-router-dom';
 
 export default class MovieCard extends React.Component {
 
@@ -9,7 +10,7 @@ export default class MovieCard extends React.Component {
   render() {
 
     // Destructure the individual props
-    let { movieTitle, movieGenre, country, description } = this.props;
+    let { movieTitle, movieGenre, country, description, id } = this.props;
 
     return (
       <article className="movieCard">
@@ -25,7 +26,12 @@ export default class MovieCard extends React.Component {
             <li className="list-group-item">{movieGenre}</li>
           </ul>
         </div>
+
+        <NavLink to={`details/${id}`}>
+          See Details
+        </NavLink>
       </article>
+
     );
 
   }