render() {
    return (
      <>
        <IsLoadingAndError>
          <div className="App">
            <Header
              handleSearch={this.handleSearch}
              userCoins={this.state.userCoins}
              deleteUserCoin={this.deleteUserCoin}
            />
            <Search
              handleSearch={this.handleSearch}
              suggestions={this.state.searchTerms}
              haveSearched={this.state.haveSearched}
              activeCoin={this.state.coinLatest.symbol}
              addUserCoin={this.addUserCoin}
              loading={this.loading}
            />
            {this.state.haveSearched ? (
              <LatestInfo price={this.state.coinLatest} />
            ) : (
              ""
            )}
            {this.state.haveSearched ? (
              <News news={this.state.newsResults} />
            ) : (
              ""
            )}
          </div>
        </IsLoadingAndError>
      </>
    );
  }
//TODO: Add Save / Delete Component Above Latest Info
Add Save / Delete Component Above Latest Info
Add Save / Delete Component Above Latest Info
render() {
    return (
      <>
        <IsLoadingAndError>
          <div className="App">
            <Header
              handleSearch={this.handleSearch}
              userCoins={this.state.userCoins}
              deleteUserCoin={this.deleteUserCoin}
            />
            <Search
              handleSearch={this.handleSearch}
              suggestions={this.state.searchTerms}
              haveSearched={this.state.haveSearched}
              activeCoin={this.state.coinLatest.symbol}
              addUserCoin={this.addUserCoin}
              loading={this.loading}
            />
            {this.state.haveSearched ? (
              <LatestInfo price={this.state.coinLatest} />
            ) : (
              ""
            )}
            {this.state.haveSearched ? (
              <News news={this.state.newsResults} />
            ) : (
              ""
            )}
          </div>
        </IsLoadingAndError>
      </>
    );
  }
render ( ) { return ( < > < IsLoadingAndError > < div className = "App" > < Header handleSearch = { this . handleSearch } userCoins = { this . state . userCoins } deleteUserCoin = { this . deleteUserCoin } / > < Search handleSearch = { this . handleSearch } suggestions = { this . state . searchTerms } haveSearched = { this . state . haveSearched } activeCoin = { this . state . coinLatest . symbol } addUserCoin = { this . addUserCoin } loading = { this . loading } / > { this . state . haveSearched ? ( < LatestInfo price = { this . state . coinLatest } / > ) : ( "" ) } { this . state . haveSearched ? ( < News news = { this . state . newsResults } / > ) : ( "" ) } < / div > < / IsLoadingAndError > < / > ) ; }
TODO: Add Save / Delete Component Above Latest Info
TODO : Add Save / Delete Component Above Latest Info