Returns Boolean Interface about material-ui-confirm HOT 6 CLOSED

Nono, my point is that you can do this:

hooks/useConfirm.js

export default function useConfirmCustom() {
  const confirm = useConfirm();

  return useCallback((...args) => {
    return confirm(...args).then(() => true).catch(() => false);
  }, [confirm]);
}

components/MyComponent.js

import useConfirm from "../hooks/useConfirm";

function MyComponent(props) {
  const confirm = useConfirm();

  const handleClick = async () => {
    const consent = await confirm({ title: "Are you a duck?" });
    if (!consent) return;
    console.log("you're a duck");
  };

  return (...);
}

I think this kind of customization can be left to the user.

from material-ui-confirm.

Can confirm that this works. Thanks for all the help

from material-ui-confirm.

You should be able to create a simple wrapper to achieve that behaviour, try something like this:

function useConfirmCustom() {
  const confirm = useConfirm();

  return useCallback((...args) => {
    return confirm(...args).then(() => true).catch(() => false);
  }, [confirm]);
}

You can then put it into a file and even import as useConfirm in your components.

It's been a while, so let me know if I miss something :)

from material-ui-confirm.

That's true I could do that, but I'd have to create a function like that in every component that uses it (which would be a little tedious). Or am I missing something?

Also, this whole proposed change could be simply made as an option called returnsBool or something

confirm({ title: "Are you a duck?", returnsBool: true });

from material-ui-confirm.

Ha! Okay I tried that initially without useCallback (I'm relatively new to react)

Okay will try that out

from material-ui-confirm.

If anyone finds this info, keep in mind that the suggestion proposed by @jonatanklosko doesn't really solve the issue since confirm does not resolve nor reject when the user clicks outside of the dialog to dismiss it. In this case the await hangs indefinitely. This obviously is an issue if you have to reset some state after the await.

from material-ui-confirm.