Redux middleware is half working but not fully cancelling action

Question

I have some simple middleware that is kind of working but also not working

basically I have a list of users and I am trying to delete one. and then sync it up with fireb

Answer 1

I also think that confirmation actions should be [only] role of the UI.

Redux store can (should?) be treated like API - request (action) > response (changed state). Are you sending request to an API and waiting to confirmation message? It would be at least strange.

But I see even more than some sense in this idea. Centralised confirmation element can have a similiar role to toasts/snackbar messages.

Problem #1: There is a strict separation between UI and store logic - you can't use middleware to show dialog. But you can change state which can used in UI to show confirmation dialog.

Problem #2: There is no simple if/then/return chain of actions, you have to buffer an action and run it after confirmation (receiving 'confirm' action) or drop it on cancel. Yes, it can be done as middleware.

IDEA: Action dispatched as requiring confirmation is saved in buffer. You can then change action type to CONFIRM_SHOW - state will be changed, props passed, modal dialog can be shown.

On CONFIRM_OK run buffered action, next steps will be common with CONFIRM_CANCEL: clear buffer and hide modal. It could be even one value - buffer can be a modal flag (empty - hide, defined - show) dervied in mapStateToProps.

To be fully usable there should be an option to pass custom confirmation message along with reqConfirm.