New: Improved page loading errors

Closes #8706
2026-04-21 22:05:43 -04:00 · 2023-06-16 23:40:40 +03:00
parent b38912851b
commit 7052a7a5ec
26 changed files with 105 additions and 71 deletions
@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+import Alert from 'Components/Alert';
 import LoadingIndicator from 'Components/Loading/LoadingIndicator';
 import ConfirmModal from 'Components/Modal/ConfirmModal';
 import PageContent from 'Components/Page/PageContent';
@@ -156,16 +157,16 @@ class Blocklist extends Component {

          {
            !isFetching && !!error &&
-              <div>
+              <Alert kind={kinds.DANGER}>
                {translate('UnableToLoadBlocklist')}
-              </div>
+              </Alert>
          }

          {
            isPopulated && !error && !items.length &&
-              <div>
+              <Alert kind={kinds.INFO}>
                {translate('NoHistoryBlocklist')}
-              </div>
+              </Alert>
          }

          {