display results in jsx only when there are search results results

[Don-Stevenson]

use conditional logic in the jsx code

eg

<div className="App">
  <header>
    <h1>Movie Database</h1>
  </header>
  <main>
    {
      //handle the search results, opening the pop up and closing the popup upon selection
    }
    <Search handleInput={handleInput} search={search} />

    <Results results={state.results} openPopup={openPopup} />
    {typeof state.selected.Title !== "undefined" ? (
      <Popup selected={state.selected} closePopup={closePopup} />
    ) : (
      false
    )}
  </main>
</div>