diff --git a/plugins/catalog/package.json b/plugins/catalog/package.json index 9a99704da1..fe70b8cc44 100644 --- a/plugins/catalog/package.json +++ b/plugins/catalog/package.json @@ -22,6 +22,7 @@ "@material-ui/core": "^4.9.1", "@material-ui/icons": "^4.9.1", "@material-ui/lab": "4.0.0-alpha.45", + "@backstage/plugin-sentry": "^0.1.1-alpha.5", "react": "^16.13.1", "react-dom": "^16.13.1", "react-use": "^14.2.0" diff --git a/plugins/catalog/src/components/ComponentMetadataCard/ComponentMetadataCard.tsx b/plugins/catalog/src/components/ComponentMetadataCard/ComponentMetadataCard.tsx index 9d606c5839..7059709992 100644 --- a/plugins/catalog/src/components/ComponentMetadataCard/ComponentMetadataCard.tsx +++ b/plugins/catalog/src/components/ComponentMetadataCard/ComponentMetadataCard.tsx @@ -26,7 +26,11 @@ const ComponentMetadataCard: FC = ({ component, }) => { if (loading) { - return ; + return ( + + + + ); } if (!component) { return null; diff --git a/plugins/catalog/src/components/ComponentPage/ComponentPage.tsx b/plugins/catalog/src/components/ComponentPage/ComponentPage.tsx index 6348e88c4f..0cf7017173 100644 --- a/plugins/catalog/src/components/ComponentPage/ComponentPage.tsx +++ b/plugins/catalog/src/components/ComponentPage/ComponentPage.tsx @@ -28,6 +28,8 @@ import { } from '@backstage/core'; import ComponentContextMenu from '../ComponentContextMenu/ComponentContextMenu'; import ComponentRemovalDialog from '../ComponentRemovalDialog/ComponentRemovalDialog'; +import { SentryIssuesWidget } from '@backstage/plugin-sentry'; +import { Grid } from '@material-ui/core'; const REDIRECT_DELAY = 1000; @@ -94,10 +96,20 @@ const ComponentPage: FC = ({ /> )} - + + + + + + + + );