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} +
+ } +