ItemList.js

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import ListItem from '../ListItem'
import BlankState from '../BlankState';

require('./style.css');

class ItemList extends Component {
  constructor(props) {
    super(props);
  }

  componentDidUpdate() {

  }

  render() {
    const { 
      onRemoveHover,
      onItemHover,
      loading,
      items,
      itemsLoaded,
      selected,
      mainItemType,
      onItemClick
    } = this.props;
    const objects = items[mainItemType];
    if (objects.length == 0 && !loading) {
      return(
        <BlankState />
      )
    }
    return (
      <div className="items_list">
        <ul id="poisContainer">
          {
            objects.map(item => <ListItem
              onRemoveHover={ onRemoveHover }
              onItemHover={ onItemHover }
              onItemClick={ onItemClick}
              key={ item.id }
              mainItemType= { mainItemType }
              item={ item } />)
          }
        </ul>
      </div>
    );
  }
}

export default ItemList;