From 8e2a9082cd028b56bb7f0c6ab94a6e6b8b4356fb Mon Sep 17 00:00:00 2001
From: ebarrios <esteban.barrios@trivago.com>
Date: Wed, 23 Sep 2020 17:25:40 +0200
Subject: [PATCH] Replaced warning with <Typography> with a <WarningPanel> in
 WorkflowRunDetails.tsx

---
 .../components/WorkflowRunDetails/WorkflowRunDetails.tsx  | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/plugins/cloudbuild/src/components/WorkflowRunDetails/WorkflowRunDetails.tsx b/plugins/cloudbuild/src/components/WorkflowRunDetails/WorkflowRunDetails.tsx
index 9f8a6c2229..ac13ee7cef 100644
--- a/plugins/cloudbuild/src/components/WorkflowRunDetails/WorkflowRunDetails.tsx
+++ b/plugins/cloudbuild/src/components/WorkflowRunDetails/WorkflowRunDetails.tsx
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import { Entity } from '@backstage/catalog-model';
-import { Link } from '@backstage/core';
+import { Link, WarningPanel } from '@backstage/core';
 import {
   Breadcrumbs,
   LinearProgress,
@@ -71,9 +71,9 @@ export const WorkflowRunDetails = ({ entity }: { entity: Entity }) => {
   const classes = useStyles();
   if (error) {
     return (
-      <Typography variant="h6" color="error">
-        Failed to load build, {error.message}
-      </Typography>
+      <WarningPanel title="Error:">
+        Failed to load build, {error.message}.
+      </WarningPanel>
     );
   } else if (loading) {
     return <LinearProgress />;