diff --git a/frontend/src/AddSeries/AddNewSeries/AddNewSeries.css b/frontend/src/AddSeries/AddNewSeries/AddNewSeries.css index 7c558d6d0..fa28540cd 100644 --- a/frontend/src/AddSeries/AddNewSeries/AddNewSeries.css +++ b/frontend/src/AddSeries/AddNewSeries/AddNewSeries.css @@ -35,14 +35,20 @@ .message { margin-top: 30px; text-align: center; + font-weight: 300; + font-size: $largeFontSize; } .helpText { margin-bottom: 10px; - font-weight: 300; font-size: 24px; } +.noSeriesText { + margin-top: 80px; + margin-bottom: 20px; +} + .noResults { margin-bottom: 10px; font-weight: 300; diff --git a/frontend/src/AddSeries/AddNewSeries/AddNewSeries.js b/frontend/src/AddSeries/AddNewSeries/AddNewSeries.js index 6936599a8..d185bca30 100644 --- a/frontend/src/AddSeries/AddNewSeries/AddNewSeries.js +++ b/frontend/src/AddSeries/AddNewSeries/AddNewSeries.js @@ -1,6 +1,6 @@ import PropTypes from 'prop-types'; import React, { Component } from 'react'; -import { icons } from 'Helpers/Props'; +import { icons, kinds } from 'Helpers/Props'; import Button from 'Components/Link/Button'; import Link from 'Components/Link/Link'; import Icon from 'Components/Icon'; @@ -78,7 +78,8 @@ class AddNewSeries extends Component { render() { const { error, - items + items, + hasExistingSeries } = this.props; const term = this.state.term; @@ -155,13 +156,34 @@ class AddNewSeries extends Component { } { - !term && + term ? + null :