diff --git a/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardEntityList.tsx b/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardEntityList.tsx index 2626e7b345..aad88e3f44 100644 --- a/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardEntityList.tsx +++ b/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardEntityList.tsx @@ -18,8 +18,12 @@ import { Box, makeStyles, Typography } from '@material-ui/core'; import { newRelicDashboardApiRef } from '../../api'; import { useApi } from '@backstage/core-plugin-api'; import { useAsync } from 'react-use'; -import { Progress, InfoCard, Link } from '@backstage/core-components'; -import Alert from '@material-ui/lab/Alert'; +import { + Progress, + InfoCard, + Link, + ErrorPanel, +} from '@backstage/core-components'; import DesktopMac from '@material-ui/icons/DesktopMac'; import { useNewRelicDashboardEntity } from '../../hooks'; import { DashboardEntitySummary } from '../../api/NewRelicDashboardApi'; @@ -52,7 +56,7 @@ export const DashboardEntityList = () => { return ; } if (error) { - return {error.message}; + return ; } return ( diff --git a/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshot.tsx b/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshot.tsx index 72847792ec..17c9e4aa1b 100644 --- a/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshot.tsx +++ b/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshot.tsx @@ -17,9 +17,8 @@ import React from 'react'; import { Box, Grid } from '@material-ui/core'; import { useApi } from '@backstage/core-plugin-api'; import { useAsync } from 'react-use'; -import { InfoCard, Progress } from '@backstage/core-components'; +import { InfoCard, Progress, ErrorPanel } from '@backstage/core-components'; import { newRelicDashboardApiRef } from '../../../api'; -import Alert from '@material-ui/lab/Alert'; import { DashboardSnapshotSummary } from './../../../api/NewRelicDashboardApi'; type Props = { @@ -47,7 +46,7 @@ export const DashboardSnapshot = ({ return ; } if (error) { - return {error.message}; + return ; } return ( diff --git a/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshotList.tsx b/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshotList.tsx index 54faa7289d..7977ab5818 100644 --- a/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshotList.tsx +++ b/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshotList.tsx @@ -18,8 +18,7 @@ import { Grid, Tab, Tabs, makeStyles } from '@material-ui/core'; import { newRelicDashboardApiRef } from '../../../api'; import { useApi } from '@backstage/core-plugin-api'; import { useAsync } from 'react-use'; -import { Progress } from '@backstage/core-components'; -import Alert from '@material-ui/lab/Alert'; +import { Progress, ErrorPanel } from '@backstage/core-components'; import { DashboardSnapshot } from './DashboardSnapshot'; import { DashboardEntitySummary } from '../../../api/NewRelicDashboardApi'; import { ResultEntity } from '../../../types/DashboardEntity'; @@ -99,7 +98,7 @@ export const DashboardSnapshotList = ({ guid }: Props) => { return ; } if (error) { - return {error.message}; + return ; } return (