yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-08-11 10:18:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add in prompt to CTB modals to avoid premature closing and data loss

Browse Source
This commit is contained in:
Josh 2023-01-09 12:13:16 +00:00
parent 16fb8dfe0c
commit 107e0d59b9
1 changed files with 28 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
packages/core/content-type-builder/admin/src/components/FormModal/index.js
View File

@ -20,6 +20,7 @@ import { ModalLayout, ModalBody, ModalFooter } from '@strapi/design-system/Modal
import { Tabs, Tab, TabGroup, TabPanels, TabPanel } from '@strapi/design-system/Tabs';
import { Flex } from '@strapi/design-system/Flex';
import { Stack } from '@strapi/design-system/Stack';
import { isEqual } from 'lodash';
import pluginId from '../../pluginId';
import useDataManager from '../../hooks/useDataManager';
import useFormModalNavigation from '../../hooks/useFormModalNavigation';
@ -790,13 +791,35 @@ const FormModal = () => {
}
};
const handleConfirmClose = () => {
// eslint-disable-next-line no-alert
const confirm = window.confirm(
formatMessage({
id: 'window.confirm.close-modal.file',
defaultMessage: 'Are you sure? Your changes will be lost.',
})
);
if (confirm) {
onCloseModal();
dispatch({
type: RESET_PROPS,
});
}
};
const handleClosed = () => {
// Close the modal
onCloseModal();
// Reset the reducer
dispatch({
type: RESET_PROPS,
});
if (!isEqual(modifiedData, initialData)) {
handleConfirmClose();
} else {
onCloseModal();
// Reset the reducer
dispatch({
type: RESET_PROPS,
});
}
};
const sendAdvancedTabEvent = (tab) => {