text: import React from "react";
  //book component
  class Book extends React.Component {
    render() {
      return (
        <div className="book">
          <div className="book-top">
            <div
              className="book-cover"
              style={{
                width: 128,
                height: 193,
                backgroundImage: `url("${(this.props.book.imageLinks &&
                  this.props.book.imageLinks.thumbnail) ||
                  ""}")`
              }}
            />
            <div className="book-shelf-changer">
              <select
                value={this.props.book.shelf || "none"}
                onChange={event => {
                  this.props.bookUpdate(this.props.book, event.target.value);
                }}
              >
                <option value="currentlyReading">Currently Reading</option>
                <option value="wantToRead">Want to Read</option>
                <option value="read">Read</option>
                <option value="none"> None </option>
              </select>
            </div>
          </div>
          <div className="book-title"> {this.props.book.title} </div>
          <div className="book-authors">
            {(this.props.book.authors && this.props.book.authors.join(", ")) ||
              "No Author"}
          </div>
        </div>
      );
    }
  }
  
  export default Book;
  