Move all data fetching to BookInfo

frontend/src/Search/Book/AddNewBookModalContent.css

@@ -17,10 +17,15 @@
   font-size: 36px;
 }
 
+.series {
+  font-weight: 300;
+  font-size: 24px;
+}
+
 .authorName {
   margin-bottom: 20px;
   font-weight: 300;
-  font-size: 20px;
+  font-size: 24px;
 }
 
 .disambiguation {

frontend/src/Search/Book/AddNewBookModalContent.js

@@ -43,6 +43,7 @@ class AddNewBookModalContent extends Component {
   render() {
     const {
       bookTitle,
+      seriesTitle,
       authorName,
       disambiguation,
       overview,
@@ -84,6 +85,13 @@ class AddNewBookModalContent extends Component {
                   <span className={styles.disambiguation}>({disambiguation})</span>
               }
 
+              {
+                !!seriesTitle &&
+                  <div className={styles.series}>
+                    {seriesTitle}
+                  </div>
+              }
+
               <div>
                 <span className={styles.authorName}> By: {authorName}</span>
               </div>
@@ -144,6 +152,7 @@ class AddNewBookModalContent extends Component {
 
 AddNewBookModalContent.propTypes = {
   bookTitle: PropTypes.string.isRequired,
+  seriesTitle: PropTypes.string,
   authorName: PropTypes.string.isRequired,
   disambiguation: PropTypes.string,
   overview: PropTypes.string,

frontend/src/Search/Book/AddNewBookSearchResult.css

@@ -52,6 +52,11 @@
   font-size: 36px;
 }
 
+.series {
+  font-weight: 300;
+  font-size: 24px;
+}
+
 .year {
   margin-left: 10px;
   color: $disabledColor;

frontend/src/Search/Book/AddNewBookSearchResult.js

@@ -74,6 +74,7 @@ class AddNewBookSearchResult extends Component {
       foreignBookId,
       titleSlug,
       title,
+      seriesTitle,
       releaseDate,
       disambiguation,
       overview,
@@ -151,6 +152,13 @@ class AddNewBookSearchResult extends Component {
               </div>
             </div>
 
+            {
+              seriesTitle &&
+                <div className={styles.series}>
+                  {seriesTitle}
+                </div>
+            }
+
             <div>
               <Label size={sizes.LARGE}>
                 <HeartRating
@@ -188,6 +196,7 @@ class AddNewBookSearchResult extends Component {
           isExistingAuthor={isExistingAuthor}
           foreignBookId={foreignBookId}
           bookTitle={title}
+          seriesTitle={seriesTitle}
           disambiguation={disambiguation}
           authorName={author.authorName}
           overview={overview}
@@ -203,6 +212,7 @@ AddNewBookSearchResult.propTypes = {
   foreignBookId: PropTypes.string.isRequired,
   titleSlug: PropTypes.string.isRequired,
   title: PropTypes.string.isRequired,
+  seriesTitle: PropTypes.string,
   releaseDate: PropTypes.string,
   disambiguation: PropTypes.string,
   overview: PropTypes.string,