ListDisplay.js

const LikesList = ({
  user: { likes, user },
  updateFunctions: { addLike, deleteLike }
}) => (
  <Fragment>
    <ListHeader>
      <h3 style={{ margin: 0 }}>Likes</h3>
      <i className="material-icons" style={{ cursor: 'pointer' }} >
        add
      </i>
    </ListHeader>
    <LikesContainer style={{ marginBottom: 20 }}>
      {likes.map(like => (
        <ListItem open={isOpen} key={like.item + like.id}>
          {like.item}
          <i className="material-icons" onClick={() => deleteLike(user, like)}>
            delete
          </i>
        </ListItem>
      ))}
    </LikesContainer>
  </Fragment>
)

const Likes = compose(
  getContext({ updateFunctions: PropTypes.object, user: PropTypes.object })
)(LikesList)