diff --git a/.changeset/happy-windows-shop.md b/.changeset/happy-windows-shop.md new file mode 100644 index 0000000000..2c8d32a0dc --- /dev/null +++ b/.changeset/happy-windows-shop.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-home': patch +--- + +feat: add cancel button for WidgetSettingsOverlay diff --git a/plugins/home/src/components/CustomHomepage/WidgetSettingsOverlay.tsx b/plugins/home/src/components/CustomHomepage/WidgetSettingsOverlay.tsx index 5fe4f65136..c7cb868eee 100644 --- a/plugins/home/src/components/CustomHomepage/WidgetSettingsOverlay.tsx +++ b/plugins/home/src/components/CustomHomepage/WidgetSettingsOverlay.tsx @@ -26,6 +26,8 @@ import { Widget } from './types'; import { withTheme } from '@rjsf/core'; import { Theme as MuiTheme } from '@rjsf/material-ui'; import validator from '@rjsf/validator-ajv8'; +import Button from '@material-ui/core/Button'; +import Box from '@material-ui/core/Box'; const Form = withTheme(MuiTheme); @@ -64,13 +66,15 @@ export const WidgetSettingsOverlay = (props: WidgetSettingsOverlayProps) => { const [settingsDialogOpen, setSettingsDialogOpen] = React.useState(false); const styles = useStyles(); + const onClose = () => setSettingsDialogOpen(false); + return (
{widget.settingsSchema && ( setSettingsDialogOpen(false)} + onClose={onClose} >
{ experimental_defaultFormStateBehavior={{ allOf: 'populateDefaults', }} - /> + > + + + + +
)}