search functionality bugs

src/components/Header/Header.js

@@ -1,8 +1,9 @@
 import React from 'react'; 
+import SearchMovie from "../../containers/SearchMovie/SearchMovie"; 
 
 const header = () => (
    <header className="header">
-     Header
+    {/* <SearchMovie /> */}
    </header>
 ); 
 

src/components/MovieRow/MovieRow.js

@@ -3,17 +3,17 @@ import React from 'react';
 const movieRow = (props) => (
 
    <div className="movie">
-         <div className="movie__column-poster">
+         <div className="no movie__column-poster">
             <img src={props.movie.posterSrc} alt="" className="movie__poster" />
          </div>
       
-      <div className={"movie__column-overview " + (props.val % 2 == 0 ? 'even' : 'odd')}>
+      {/* <div className={"movie__column-overview " + (props.val % 2 == 0 ? 'even' : 'odd')}>
             <h1 className="movie__column-overview-heading">{props.movie.title}</h1>
             <p className="movie__column-overview-text">{props.movie.overview}</p>
             <a className="movie__column-overview-btn"
                onClick={() => { window.location.href = "https://www.themoviedb.org/movie/" + props.movie.id; }}>
                view</a>
-         </div>
+         </div> */}
    </div> 
 );
 

src/components/NavigationItems/NavigationItems.js

@@ -1,24 +1,58 @@
-import React from 'react'; 
+import React, { Component } from 'react'; 
+
 import NavigationItem from './NavigationItem/NavigationItem';
+import SearchLogo from '../../static/images/search-icon.svg'; 
+import SearchMovie from '../../containers/SearchMovie/SearchMovie'; 
 
 
-const navigationItems = props => (
-  <ul className="navigation__container">
-    <NavigationItem link="/" exact>Netflix</NavigationItem>
-    <NavigationItem link="/">Home</NavigationItem>
-    <NavigationItem link="/">TV Shows</NavigationItem>
-    <NavigationItem link="/">Movies</NavigationItem>
-    <NavigationItem link="/">Recently Added</NavigationItem>
-    <NavigationItem link="/">My List</NavigationItem>
+// const navigationItems = (props) => (
+//   <ul className="navigation__container">
+//     <NavigationItem link="/" exact>Netflix</NavigationItem>
+//     <NavigationItem link="/">Home</NavigationItem>
+//     <NavigationItem link="/">TV Shows</NavigationItem>
+//     <NavigationItem link="/">Movies</NavigationItem>
+//     <NavigationItem link="/">Recently Added</NavigationItem>
+//     <NavigationItem link="/">My List</NavigationItem>
     
-    <div className="navigation__container--left">
-      <input 
-        placeholder="Search movie..." 
-        type="text" />
-      {/* <p>hello</p>
-      <p>hello</p> */}
-    </div>
-  </ul>
-);
+//     <div className="navigation__container--left">
+//       <SearchLogo className="logo"/>
+//       <SearchMovie />
+//       {/* <input 
+//         placeholder="Title, people, genres" 
+//         type="text" /> */}
+//       {/* <p>hello</p>
+//       <p>hello</p> */}
+//     </div>
+//   </ul>
+// );
 
-export default navigationItems; 
+// export default navigationItems; 
+
+class NavigationItems extends Component {
+
+
+  render() {
+    return (
+      <ul className="navigation__container">
+     <NavigationItem link="/" exact>Netflix</NavigationItem>
+     <NavigationItem link="/">Home</NavigationItem>
+     <NavigationItem link="/">TV Shows</NavigationItem>
+     <NavigationItem link="/">Movies</NavigationItem>
+     <NavigationItem link="/">Recently Added</NavigationItem>
+     <NavigationItem link="/">My List</NavigationItem>
+
+     <div className="navigation__container--left">
+       <SearchLogo className="logo"/>
+       {/* <SearchMovie show={this.myF}/> */}
+       {/* <input 
+        placeholder="Title, people, genres" 
+         type="text" /> */}
+       {/* <p>hello</p>
+       <p>hello</p> */}
+     </div>
+   </ul>
+    ); 
+  }
+}
+
+export default NavigationItems; 

src/components/Search/Search.js

@@ -1,16 +1,12 @@
 import React from 'react';
 
 const search = (props) => (
-   <div className="search">
    
-      <input 
-         onChange={props.onSearch}
-         type="text" 
-         placeholder="Search movie..." 
-         className="search__input"/>
-   
-   </div>
-   
-);
+   <input
+      onChange={props.onSearch}
+      onClick={props.onShow}
+      type="text"
+      placeholder="Title, genres, people" />
+)
 
-export default search; 
+export default search;