Show loading errors as Alerts (#5736)

New: Improved page loading errors

frontend/src/AddSeries/ImportSeries/Import/ImportSeries.js

@@ -1,9 +1,11 @@
 import { reduce } from 'lodash';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+import Alert from 'Components/Alert';
 import LoadingIndicator from 'Components/Loading/LoadingIndicator';
 import PageContent from 'Components/Page/PageContent';
 import PageContentBody from 'Components/Page/PageContentBody';
+import { kinds } from 'Helpers/Props';
 import selectAll from 'Utilities/Table/selectAll';
 import toggleSelected from 'Utilities/Table/toggleSelected';
 import ImportSeriesFooterConnector from './ImportSeriesFooterConnector';
@@ -103,7 +105,9 @@ class ImportSeries extends Component {
 
           {
             !rootFoldersFetching && !!rootFoldersError ?
-              <div>Unable to load root folders</div> :
+              <Alert kind={kinds.DANGER}>
+                Unable to load root folders
+              </Alert> :
               null
           }
 
@@ -112,9 +116,9 @@ class ImportSeries extends Component {
             !rootFoldersFetching &&
             rootFoldersPopulated &&
             !unmappedFolders.length ?
-              <div>
+              <Alert kind={kinds.INFO}>
                 All series in {path} have been imported
-              </div> :
+              </Alert> :
               null
           }