Redux Confirmation Modal Examples

saga.ts

function *deleteAsset (action: Action<'AssetDeleteRequested'>) {
  const { payload: { id }, meta: { callbackAction } } = action;
  
  yield put({ type: 'ConfirmAction', payload: { actionType: action.type } });
  const { canceled } = yield race({
    confirmed: take('ActionConfirmed'),
    canceled: take('ActionCanceled'),
  });

  if (canceled) {
    yield cancel();
  }

  try {
    yield call(Api.Assets.del, id);
    yield put({
      type: 'AssetDeleted',
      payload: { id },
    });

    yield put(callbackAction);
  } catch (error) {
    yield put({ type: 'AssetDeleteFailed' });
  }
}