From 30391799963663c78375136ff8e7ee687d77ac0d Mon Sep 17 00:00:00 2001
From: Adam Harvey <adam.harvey@dxc.com>
Date: Thu, 25 Mar 2021 09:53:38 -0400
Subject: [PATCH] Use WarningPanel

Signed-off-by: Adam Harvey <adam.harvey@dxc.com>
---
 .../components/SystemDiagramCard/SystemDiagramCard.tsx    | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/plugins/catalog/src/components/SystemDiagramCard/SystemDiagramCard.tsx b/plugins/catalog/src/components/SystemDiagramCard/SystemDiagramCard.tsx
index 698476fe93..e2c48fe521 100644
--- a/plugins/catalog/src/components/SystemDiagramCard/SystemDiagramCard.tsx
+++ b/plugins/catalog/src/components/SystemDiagramCard/SystemDiagramCard.tsx
@@ -31,9 +31,9 @@ import {
   InfoCard,
   Progress,
   useApi,
+  WarningPanel,
 } from '@backstage/core';
 import { Box, Typography } from '@material-ui/core';
-import { Alert } from '@material-ui/lab';
 import ZoomOutMap from '@material-ui/icons/ZoomOutMap';
 import React from 'react';
 import { useAsync } from 'react-use';
@@ -138,7 +138,11 @@ export function SystemDiagramCard() {
   if (loading) {
     return <Progress />;
   } else if (error) {
-    return <Alert severity="error">{error.message}</Alert>;
+    return (
+      <WarningPanel severity="error" title="Could not load system diagram">
+        {error.message}
+      </WarningPanel>
+    );
   }
 
   return (