old_contents: import React from 'react'
  import preload from '../public/data.json'
  import ShowCard from './ShowCard'
  
  const Search = React.createClass({
    getInitialState () {
      return {
        searchTerm: ''
      }
    },
    handleSearchTermChange (event) {
      this.setState({searchTerm: event.target.value})
    },
    render () {
      return (
        <div className='search'>
          <header>
            <h1>bizzy bear's video emporium</h1>
            <input onChange={this.handleSearchTermChange} value={this.state.searchTerm} type='text' placeholder='search' />
          </header>
          <div>
            {preload.shows.map((show) => {
              return (
                <ShowCard key={show.imdbID} {...show} />
              )
            })}
          </div>
        </div>
      )
    }
  })
  
  export default Search
  
new_contents: import React from 'react'
  import preload from '../public/data.json'
  import ShowCard from './ShowCard'
  
  const Search = React.createClass({
    getInitialState () {
      return {
        searchTerm: ''
      }
    },
    handleSearchTermChange (event) {
      this.setState({searchTerm: event.target.value})
    },
    render () {
      return (
        <div className='search'>
          <header>
            <h1>bizzy bear's video emporium</h1>
            <input onChange={this.handleSearchTermChange} value={this.state.searchTerm} type='text' placeholder='search' />
          </header>
          <div>
            {preload.shows
              .filter((show) => {
                return `${show.title} ${show.description}`.toUpperCase().indexOf(this.state.searchTerm.toUpperCase()) >= 0
              })
              .map((show) => {
                return (
                  <ShowCard key={show.imdbID} {...show} />
                )
              })}
          </div>
        </div>
      )
    }
  })
  
  export default Search
  
subject: Add filter for search input.