fixed issue with menu anchor interfering iwth dialogs in the component actions

This commit is contained in:
csawatzky 2025-05-13 12:53:54 -06:00
parent af25036640
commit 07e09e2942

View file

@ -114,7 +114,10 @@ export default function ComponentActions(props: Props) {
onClose={closeMoreMenu}
disableAutoFocusItem>
{canAddInteraction && (
<MenuItem dense onClick={() => setIsAddInteractionOpen(true)} divider>
<MenuItem dense onClick={() => {
setIsAddInteractionOpen(true)
closeMoreMenu()
}} divider>
<ListItemIcon>
<AddCircle className={classes.addIcon} />
</ListItemIcon>
@ -126,6 +129,7 @@ export default function ComponentActions(props: Props) {
onClick={() => {
setIsJSON(false);
setIsExportDataOpen(true);
closeMoreMenu()
}}>
<ListItemIcon>
<SaveAlt className={classes.exportDataIcon} />
@ -134,7 +138,10 @@ export default function ComponentActions(props: Props) {
</MenuItem>
{canEdit && <Divider />}
{canEdit && (
<MenuItem dense onClick={() => openComponentSettingsDialog("remove")}>
<MenuItem dense onClick={() => {
openComponentSettingsDialog("remove")
closeMoreMenu()
}}>
<ListItemIcon>
<DeleteOutline className={classes.red} />
</ListItemIcon>