Refine•4y ago

Hide *Button for forbidden actions

Hi! Is there a way to avoid the disabled button for actions an user cannot do (because unauthorized)?

Right now my "basic user" should only be able to see (not edit) a list, and its detail. Using

<EditButton>

<EditButton>

in the actions column instead makes the button appear as disabled (but still clickable).

Is there a way to either :

1- disable also the click on the button
2- do not print the button at all if

can

can

false

false

moderate-tomatoOP•10/19/22, 8:02 AM

already has Solution #1, because it relies on the , which is not triggered on a disabled button

moderate-tomatoOP•10/19/22, 8:03 AM

I'd love to see a prop "showWhenUnauthorized" (default true) that hides the button at all if

can

can

for that action is

false

false

Omer•10/19/22, 8:06 AM

Hey @kino90 ,
I hope you are very well. I am happy to see you again

Item 1 is a BUG that definitely needs to be fixed. Can you create an issue for this? (https://github.com/pankod/refine/issues/new?assignees=&labels=bug&template=bug_report.yml&title=%5BBUG%5D)

temporarily you can try this,

moderate-tomatoOP•10/19/22, 8:09 AM

Thanks, I'll open the issue right now

in the meantime I'll try with the component! Thanks!

Omer•10/19/22, 8:11 AM

For more details, https://refine.dev/docs/api-reference/core/components/accessControl/can-access/

moderate-tomatoOP•10/19/22, 8:22 AM

https://github.com/pankod/refine/issues/2828

GitHub

[BUG] Disable click on <*Button>s when unauthorized · Issue #2828 ·...

Describe the bug Right now my "basic user" should only be able to see (not edit) a list, and its detail. Using <EditButton> in the List actions column instead makes ...

Omer•10/19/22, 8:29 AM

Thank you! @kino90

Omer•10/19/22, 9:07 AM

By the way, which UI library are you using?

moderate-tomatoOP•10/19/22, 9:10 AM

Mantine ui, sorry.. but if I recall correctly there was the same issue in the antd lib

Omer•10/20/22, 8:10 AM

Hey @kino90 ,
We've released . Could you approve fix?
https://github.com/refinedev/refine/releases/tag/%40pankod%2Frefine-mantine%401.9.0

moderate-tomatoOP•10/20/22, 12:31 PM

Today and tomorrow I'm not at work, I'll test it next monday! Thanks for the quick fix!