Improved page loading errors in PageSectionContent

12 months ago · f5fb4aabe2
parent 27b298400e
commit f5fb4aabe2
1 changed files with 3 additions and 1 deletions
--- a/frontend/src/Components/Page/PageSectionContent.js
+++ b/frontend/src/Components/Page/PageSectionContent.js
@ -1,6 +1,8 @@
 import PropTypes from 'prop-types';
 import React from 'react';
+import Alert from 'Components/Alert';
 import LoadingIndicator from 'Components/Loading/LoadingIndicator';
+import { kinds } from 'Helpers/Props';

 function PageSectionContent(props) {
  const {
@ -17,7 +19,7 @@ function PageSectionContent(props) {
    );
  } else if (!isFetching && !!error) {
    return (
-      <div>{errorMessage}</div>
+      <Alert kind={kinds.DANGER}>{errorMessage}</Alert>
    );
  } else if (isPopulated && !error) {
    return (