firstpart/Problem3 - Moved the rendering of the header out into the page.jsx...

firstpart/Problem3 - Moved the rendering of the header out into the page.jsx file instead of in each component.
firstpart/Problem4 - Added header to p4.

projectFirstPart/components/example/Example.jsx

@@ -101,7 +101,6 @@ class Example extends React.Component {
     render() {
         return (
             <div className="container Example">
-                <Header />
                 <h1>CS142 Project#4 React.js Example</h1>
 
                 <div className="motto-update">

projectFirstPart/components/states/States.jsx

@@ -48,7 +48,6 @@ class States extends React.Component {
     render() {
         return (
             <div>
-                <Header />
                 <label htmlFor="inName">Name: </label>
                 <input type="text" placeholder="country" id="inName" onChange={this.findStates}/>
                 <table>

projectFirstPart/gettingStarted.jsx

@@ -3,8 +3,12 @@ import ReactDOM from 'react-dom';
 import './styles/main.css';
 
 import Example from './components/example/Example';
+import Header from "./components/header/Header";
 
 ReactDOM.render(
-    <Example/>,
+    <div>
+        <Header />
+        <Example />
+    </div>,
     document.getElementById('reactapp'),
 );

projectFirstPart/p2.jsx

@@ -2,8 +2,12 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import States from './components/states/States';
+import Header from "./components/header/Header";
 
 ReactDOM.render(
-    <States/>,
+    <div>
+        <Header />
+        <States/>
+    </div>,
     document.getElementById('reactapp'),
 );

projectFirstPart/p4.jsx

@@ -2,6 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import States from './components/states/States';
 import Example from './components/example/Example';
+import Header from "./components/header/Header";
 
 class P4 extends React.Component {
     constructor(props) {
@@ -18,6 +19,7 @@ class P4 extends React.Component {
     render() {
         return(
             <div>
+                <Header />
                 <button type="button" onClick={this.handleButtonClick}>Switch to {this.state.nextPage.name}</button>
                 <this.state.activePage/>
             </div>