diff --git a/frontend/src/Search/Book/AddNewBookModalContent.css b/frontend/src/Search/Book/AddNewBookModalContent.css
index cf5fbbb88..4377f888c 100644
--- a/frontend/src/Search/Book/AddNewBookModalContent.css
+++ b/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 {
diff --git a/frontend/src/Search/Book/AddNewBookModalContent.js b/frontend/src/Search/Book/AddNewBookModalContent.js
index 020e63ac6..2b1e2fdae 100644
--- a/frontend/src/Search/Book/AddNewBookModalContent.js
+++ b/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 {
({disambiguation})
}
+ {
+ !!seriesTitle &&
+
+ {seriesTitle}
+
+ }
+
By: {authorName}
@@ -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,
diff --git a/frontend/src/Search/Book/AddNewBookSearchResult.css b/frontend/src/Search/Book/AddNewBookSearchResult.css
index c57cb1549..9d15dc297 100644
--- a/frontend/src/Search/Book/AddNewBookSearchResult.css
+++ b/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;
diff --git a/frontend/src/Search/Book/AddNewBookSearchResult.js b/frontend/src/Search/Book/AddNewBookSearchResult.js
index c0d11c3bc..9ae60f19c 100644
--- a/frontend/src/Search/Book/AddNewBookSearchResult.js
+++ b/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 {
+ {
+ seriesTitle &&
+
+ {seriesTitle}
+
+ }
+