diff --git a/.changeset/silver-balloons-sniff.md b/.changeset/silver-balloons-sniff.md new file mode 100644 index 0000000000..d768cd976a --- /dev/null +++ b/.changeset/silver-balloons-sniff.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-catalog-unprocessed-entities': patch +--- + +Fixed spacing for success message diff --git a/plugins/catalog-unprocessed-entities/src/components/FailedEntities.tsx b/plugins/catalog-unprocessed-entities/src/components/FailedEntities.tsx index 662c5c9db6..7bc5d85f50 100644 --- a/plugins/catalog-unprocessed-entities/src/components/FailedEntities.tsx +++ b/plugins/catalog-unprocessed-entities/src/components/FailedEntities.tsx @@ -23,15 +23,14 @@ import { TableColumn, } from '@backstage/core-components'; import { useApi } from '@backstage/core-plugin-api'; -import { BackstageThemeOptions } from '@backstage/theme'; -import { Box, Typography, makeStyles } from '@material-ui/core'; +import { Box, Theme, Typography, makeStyles } from '@material-ui/core'; import { UnprocessedEntity } from '../types'; import { EntityDialog } from './EntityDialog'; import { catalogUnprocessedEntitiesApiRef } from '../api'; import useAsync from 'react-use/lib/useAsync'; -const useStyles = makeStyles((theme: BackstageThemeOptions) => ({ +const useStyles = makeStyles((theme: Theme) => ({ errorBox: { color: theme.palette.status.error, backgroundColor: theme.palette.errorBackground, @@ -46,6 +45,7 @@ const useStyles = makeStyles((theme: BackstageThemeOptions) => ({ successMessage: { background: theme.palette.infoBackground, color: theme.palette.infoText, + padding: theme.spacing(2), }, })); diff --git a/plugins/catalog-unprocessed-entities/src/components/PendingEntities.tsx b/plugins/catalog-unprocessed-entities/src/components/PendingEntities.tsx index 24143c704a..956f660a8f 100644 --- a/plugins/catalog-unprocessed-entities/src/components/PendingEntities.tsx +++ b/plugins/catalog-unprocessed-entities/src/components/PendingEntities.tsx @@ -21,7 +21,7 @@ import { TableColumn, Table, } from '@backstage/core-components'; -import { Typography, makeStyles } from '@material-ui/core'; +import { Theme, Typography, makeStyles } from '@material-ui/core'; import { UnprocessedEntity } from '../types'; @@ -29,9 +29,8 @@ import { EntityDialog } from './EntityDialog'; import { useApi } from '@backstage/core-plugin-api'; import useAsync from 'react-use/lib/useAsync'; import { catalogUnprocessedEntitiesApiRef } from '../api'; -import { BackstageTheme } from '@backstage/theme'; -const useStyles = makeStyles((theme: BackstageTheme) => ({ +const useStyles = makeStyles((theme: Theme) => ({ successMessage: { background: theme.palette.infoBackground, color: theme.palette.infoText,