render()

in assets/src/modules/pastPurchases/PastPurchases.tsx [60:89]

• 28 lines of code
• 4 McCabe index (conditional complexity)

  render() {
    return (
      <div className="Category">
        <SearchBar />
        <CategoryNavBar />
        <div className="well-bs col-md-12">
          {this.state.userInfo && <div className="white-box no-margin-top">
            <h3>{`Hello ${this.state.userInfo.attributes.email}!`}</h3>
          </div>}
          <div className="white-box">
            <h3>Past purchases</h3>
          </div>
          {!this.state.isLoading && this.state.orders && this.state.orders
            .sort((order1, order2) => order2.orderDate - order1.orderDate)
            .map(order => 
              <div className="order-date" key={order.orderId}>
                <h4>{`Order date: ${this.getPrettyDate(order.orderDate)}`}</h4>
                {order.books.map((book) => <PurchasedProductRow order={book} key={book.bookId} />)}
              </div>)
          }
          
          <div className="well-bs no-margin-top no-padding col-md-12">
          <a href="/best"><img src={bestSellers} alt="Best sellers" className="checkout-img no-padding" /></a>
          <a href="/cart"><img src={yourshoppingcart} alt="Shopping cart" className="checkout-img no-padding" /></a>
          
          </div>
        </div>
      </div>
    );
  }