Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

Fix flickering confirmation modal (#12211)

Browse Source 
Co-authored-by: Adeoluwa Ayangade <adeoluwaayangade@Adeoluwas-MacBook-Pro.local>
This commit is contained in:
Ayangade Adeoluwa 2022-03-25 09:22:23 +01:00 committed by GitHub
parent 9cfb7b38ee
commit 4fb492ee60
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/client/src/pages/Editor/RequestConfirmationModal.tsx
View File

@ -77,9 +77,13 @@ class RequestConfirmationModal extends React.Component<Props> {
render() { render() {
const { dispatch, modals } = this.props; const { dispatch, modals } = this.props;
// making sure that only modals that are set to be open are eventually opened.
// basically filters out modals that have already been opened and prevents it from flashing after other modals have been confirmed.
const modalsToBeOpened = modals.filter((modal) => modal.modalOpen === true);
return ( return (
<> <>
{modals.map((modalInfo: ModalInfo, index: number) => ( {modalsToBeOpened.map((modalInfo: ModalInfo, index: number) => (
<DialogComponent <DialogComponent
canEscapeKeyClose canEscapeKeyClose
isOpen={modalInfo?.modalOpen} isOpen={modalInfo?.modalOpen}