Skip to content
Permalink
Browse files

imports on contaier, passed down handlesearch to search

  • Loading branch information
Colton committed Jan 13, 2020
1 parent c493c0e commit b2d2c2b627c2569c00cc0c14258f60dd9bfcc657
Showing with 19 additions and 57 deletions.
  1. +1 −56 src/Components/Home.jsx
  2. +18 −1 src/Components/SearchContainer.jsx
@@ -1,62 +1,7 @@
import React, { Component } from "react"; import React, { Component } from "react";
import SearchContainer from "./SearchContainer.jsx";


export default class Home extends Component { export default class Home extends Component {
state = {
movieList: [
{
name: "The Office",
image:
"http://static.tvmaze.com/uploads/images/medium_portrait/85/213184.jpg"
},
{
name: "Radiant Office",
image:
"http://static.tvmaze.com/uploads/images/medium_portrait/101/254702.jpg"
},
{
name: "The Office",
image:
"http://static.tvmaze.com/uploads/images/medium_portrait/93/234802.jpg"
},
{
name: "Mr. Box Office",
image:
"http://static.tvmaze.com/uploads/images/medium_portrait/97/244942.jpg"
},
{
name: "The Queen of Office",
image:
"http://static.tvmaze.com/uploads/images/medium_portrait/58/146476.jpg"
},
{
name: "No Offence",
image:
"http://static.tvmaze.com/uploads/images/medium_portrait/48/121682.jpg"
},
{
name: "Oficer",
image:
"http://static.tvmaze.com/uploads/images/medium_portrait/29/73047.jpg"
},
{
name: "Trzeci oficer",
image:
"http://static.tvmaze.com/uploads/images/medium_portrait/29/73053.jpg"
},
{
name: "Line Offline: Salaryman",
image:
"http://static.tvmaze.com/uploads/images/medium_portrait/57/143508.jpg"
},
{
name: "Utenai Keikan",
image:
"http://static.tvmaze.com/uploads/images/medium_portrait/42/106093.jpg"
}
],
query: "",
hasSearched: false
};
render() { render() {
return ( return (
<div> <div>
@@ -1,7 +1,24 @@
import React, { Component } from "react"; import React, { Component } from "react";
import Search from "Search.jsx";
import Results from "Results.jsx";
import Result from "Result.jsx";


export default class SearchContainer extends Component { export default class SearchContainer extends Component {
state = {
query: "",
hasSearched: false,
movies: []
};
handleSearchInput = () => {};
onSubmitQuery = () => {};
onSearchAgain = () => {};
render() { render() {
return <div></div>; return (
<div>
<Search handleSearchInput={this.handleSearchInput} />
<Results />
<Result />
</div>
);
} }
} }

0 comments on commit b2d2c2b

Please sign in to comment.
You can’t perform that action at this time.