app: Include amazon links.

app/src/components/bookcard.js

@@ -3,20 +3,21 @@ import React from "react"
 import StarRatings from "react-star-ratings"
 import { Card, Row, Col } from "react-bootstrap"
 
+import AmazonURL from "../components/amazonurl"
+
 const truncateContent = (content) => {
   if (!content) {
     return ""
   }
-  return content.length > 600 ? content.substring(0, 600) + "..." : content
+  return content.length > 350 ? content.substring(0, 350) + "..." : content
 };
 
-
 const BookCard = ({ book }) => (
-  <Card style={{ width: "44rem", height: "24rem", marginBottom: "15px" }}>
+  <Card style={{ width: "44rem", height: "21rem", marginBottom: "15px" }}>
     <Row>
       <Col xs={3}>
         <Card.Img
-          style={{ height: "12rem", width: "8rem", paddingLeft: "25px", paddingRight: "-15px", paddingTop: "30px"}}
+          style={{ height: "12rem", width: "8rem", paddingLeft: "25px", paddingRight: "-15px", paddingTop: "30px" }}
           src={book.image_url}
         />
       </Col>
@@ -24,18 +25,20 @@ const BookCard = ({ book }) => (
         <Card.Body>
           <Card.Title>{book.title}</Card.Title>
           <Card.Subtitle className="mb-2 text-muted">
-          <StarRatings
-            rating={parseFloat(book.rating)}
-            numberOfStars={5}
-            starDimension="18px"
-            starSpacing="1px"
-            starRatedColor="#fa604a"
-          />
-          <br />
-            {book.author}
+            <StarRatings
+              rating={parseFloat(book.rating)}
+              numberOfStars={5}
+              starDimension="18px"
+              starSpacing="1px"
+              starRatedColor="#fa604a"
+            />
+            <br />
+            {book.author} <b>{book.year ? book.year: null}</b>
+            <br />
+            {book.amazon_url ? <AmazonURL book={book} />: null}
           </Card.Subtitle>
           <p>
-          {truncateContent(book.description)}
+            {truncateContent(book.description)}
           </p>
         </Card.Body>
       </Col>