Updated MovieBrowser and MovieWishlist to use the new Header component

erin-doyle · Sep 2, 2018 · c7ffccb · c7ffccb
1 parent acdce32
commit c7ffccb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 16 deletions.
diff --git a/src/browse/MovieBrowser.js b/src/browse/MovieBrowser.js
@@ -2,11 +2,12 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { NavLink } from 'react-router-dom';
 
+import movies from '../movies';
+import Header from '../primitives/Header';
+
 import BrowseList from './BrowseList';
 import getBrowseActions from './getBrowseActions';
 
-import movies from '../movies';
-
 
 const MovieBrowser = ({
     history,
@@ -21,14 +22,7 @@ const MovieBrowser = ({
 
     return (
         <div>
-            <header>
-                <nav className="navbar navbar-dark bg-primary">
-                    <span className="navbar-text">
-                        <h1>Browse Movies</h1>
-                    </span>
-                    <button className="btn btn-outline-secondary" onClick={goToWishlist}>Back</button>
-                </nav>
-            </header>
+            <Header title="Browse Movies" buttonText="Back" handleButtonClick={goToWishlist} />
 
             <main>
                 <ul className="nav nav-pills nav-justified">

diff --git a/src/wishlist/MovieWishlist.js b/src/wishlist/MovieWishlist.js
@@ -2,6 +2,8 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { NavLink, Link } from 'react-router-dom';
 
+import Header from '../primitives/Header';
+
 import WishList from './WishList';
 import getWishlistActions from './getWishlistActions';
 import MovieEditor from './MovieEditor';
@@ -60,12 +62,7 @@ class MovieWishlist extends Component {
 
         return (
             <div>
-                <header className="navbar navbar-dark bg-primary">
-                    <span className="navbar-text">
-                        <h1>Movie Wishlist</h1>
-                    </span>
-                    <button className="btn btn-outline-secondary" onClick={goToBrowse}>Add</button>
-                </header>
+                <Header title="Movie Wishlist" buttonText="Add" handleButtonClick={goToBrowse} />
 
                 <main>
                     <ul className="nav nav-pills nav-justified">