5: Renders hard-coded results

src/Home.js

@@ -1,11 +1,12 @@
 import React, { Component } from 'react';
 import SearchContainer from "./SearchContainer"
 
+
 class Home extends Component {
   render() {
     return (
       <div>
-        <h1>OMDB React</h1>
+        <h1><a href="/">OMDB React</a></h1>
         <SearchContainer />
       </div>
     );

src/Results.js

@@ -0,0 +1,25 @@
+import React, {Component} from "react"
+
+class Results extends Component{
+
+
+  render(){
+    let {movies} = this.props
+    let results = movies.map( (movie, index) => {
+      return (
+        <div key={index}>
+          <img src={movie.poster_url} alt={movie.title} />
+          <p>{movie.title}</p>
+        </div>
+      )
+    })
+
+    return (
+      <div>
+        {results}
+      </div>
+    )
+  }
+}
+
+export default Results

src/SearchContainer.js

@@ -1,36 +1,47 @@
 import React, {Component} from "react"
 import Search from "./Search"
+import Results from "./Results"
 
 class SearchContainer extends Component {
   constructor(props){
     super(props)
     this.state = {
-      query: ''
+      query: '',
+      hasSearched: false,
     }
   }
 
   onSearchInput (evt) {
     this.setState({
-      query: evt.target.value
+      query: evt.target.value,
     })
   }
 
   onSubmitQuery(evt){
     evt.preventDefault();
-    console.log(this.state.query)
     this.setState({
-      query: ''
+      query: '',
+      hasSearched: true,
     })
   }
 
   render(){
-    return (
-      <Search
-        handleSearchInput={ (evt) => this.onSearchInput(evt) }
-        handleSubmitQuery={ (evt) => this.onSubmitQuery(evt) }
-        query={this.state.query}
-      />
-    )
+    let movies = [
+      {title: "Star Wars", poster_url: "http://fallmeeting.agu.org/2015/files/2015/12/Star-Wars.jpg"},
+      {title: "Top Gun", poster_url: "http://ecx.images-amazon.com/images/I/51YimkRDEjL._SY445_.jpg"}
+    ]
+    if (this.state.hasSearched){
+      return (
+        <Results movies={movies} />
+      )
+    } else {
+      return  (
+          <Search
+          handleSearchInput={ (evt) => this.onSearchInput(evt) }
+          handleSubmitQuery={ (evt) => this.onSubmitQuery(evt) }
+          query={this.state.query} />
+      )
+    }
   }
 }