why is this a React hook?
this is a simplified version of the production/real world version
You can consume roles from context/redux/relay or other place to improve dx and void bugs
Last active
December 26, 2022 07:05
-
-
Save sibelius/bd7e865639ddacc7ec38f288e9244d23 to your computer and use it in GitHub Desktop.
usePermission react hook to handle frontend authorization concerns
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const App = ({ user }) => { | |
| const { hasRole } = usePermission(user); | |
| return ( | |
| <span>Hello</span> | |
| {hasRole('PRODUCT:CREATE') && <button>Create Product</button> | |
| ); | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const usePermission = (user: UserPermission_user) => { | |
| const hasRole = (role: string) => { | |
| return user.roles.includes(role); | |
| }; | |
| return { | |
| hasRole | |
| }; | |
| }; |
Author
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
updated, tks