Improve display of errors

2021-02-02 23:27:20 -05:00
parent a06f9974f5
commit 5479e4eef0
4 changed files with 21 additions and 15 deletions
@@ -21,6 +21,7 @@ import {
  Page,
  Progress,
  useApi,
+  WarningPanel,
 } from '@backstage/core';
 import { catalogApiRef } from '@backstage/plugin-catalog-react';
 import { Grid } from '@material-ui/core';
@@ -62,7 +63,12 @@ export const TechDocsHome = () => {
          subtitle="Documentation available in Backstage"
        />
        <Content>
-          <p>{error.message}</p>
+          <WarningPanel
+            severity="error"
+            title="Could not load available documentation"
+          >
+            {error.message}
+          </WarningPanel>
        </Content>
      </Page>
    );