diff --git a/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesFooter.css b/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesFooter.css
index 616aeaf3c..9bfb5a493 100644
--- a/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesFooter.css
+++ b/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesFooter.css
@@ -31,3 +31,7 @@
margin: 0 10px 0 12px;
text-align: left;
}
+
+.importError {
+ margin-left: 10px;
+}
diff --git a/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesFooter.js b/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesFooter.js
index 9d28dd299..14adccb00 100644
--- a/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesFooter.js
+++ b/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesFooter.js
@@ -1,13 +1,15 @@
import _ from 'lodash';
import PropTypes from 'prop-types';
import React, { Component } from 'react';
-import { inputTypes, kinds } from 'Helpers/Props';
+import { icons, inputTypes, kinds, tooltipPositions } from 'Helpers/Props';
+import Icon from 'Components/Icon';
import Button from 'Components/Link/Button';
import SpinnerButton from 'Components/Link/SpinnerButton';
import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import CheckInput from 'Components/Form/CheckInput';
import FormInputGroup from 'Components/Form/FormInputGroup';
import PageContentFooter from 'Components/Page/PageContentFooter';
+import Popover from 'Components/Tooltip/Popover';
import styles from './ImportSeriesFooter.css';
const MIXED = 'mixed';
@@ -118,6 +120,7 @@ class ImportSeriesFooter extends Component {
isSeriesTypeMixed,
hasUnsearchedItems,
showLanguageProfile,
+ importError,
onImportPress,
onLookupPress,
onCancelLookupPress
@@ -226,38 +229,71 @@ class ImportSeriesFooter extends Component {
{
- isLookingUpSeries &&
+ isLookingUpSeries ?
+ :
+ null
}
{
- hasUnsearchedItems &&
+ hasUnsearchedItems ?
+ :
+ null
}
{
- isLookingUpSeries &&
+ isLookingUpSeries ?