Call confirmAlert box from another confirmAlert

First off, I have been loving confirmAlert and use it all over in my app so thank you.

Right now, I am trying to open a confirmAlert box upon a user clicking a button in a prior confirmAlert box (which should close). However, the second confirmAlert box doesn’t open, probably because the first one is still exiting the DOM.

I see there’s a callback function for willUnmount() (which doesn’t work for triggering the second confirmAlert, probably because the first confirmAlert hasn’t quite unmounted yet) but if there were a callback for afterClose() or something, then I could use that for opening the second one. Is this a feature that will be supported?

[ben-pritchard]

Yes if you’re using state in your setConfirmAbort() function then you could be right. You could try with a member variable like I did and/or add some console.log()s to see when confirmAbort actually gets set, maybe adding in some async/await in there if you really need to use state.

[ben-pritchard]

@mdodge-ecgrow, here is how I’ve used it (I wasn’t using the customUI but it should work the same):

confirmAlert({
  title: 'Confirm remove comment',
  message: "Are you sure you want to abort this batch?",
  buttons: [
    {label: 'No', onClick: () => this.didUserConfirmAbort = false},
    {label: 'Yes', onClick: () => this.didUserConfirmAbort = true},
  ],
  afterClose: () => {this.didUserConfirmAbort && this.removeCommentForRealz()}
 });

Then in this.removeCommentForRealz() you can call another confirmAlert(). Hope that helps!