PeL/force-orange-2022
PeL/force-orange-2022
1
1
Fork 0
mirror of https://github.com/Paris-est-Ludique/intranet.git synced 2025-06-10 01:24:20 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

return empty div instead of null when user do not have role for hydrate issue

Browse Source
This commit is contained in:
memeriau 2022-04-16 15:14:42 +02:00
parent 089af3880a
commit 458df713ad
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/utils/withUserRole.tsx
View File

@ -3,9 +3,9 @@ import { useSelector } from "react-redux"
import { selectUserRoles } from "../store/auth" import { selectUserRoles } from "../store/auth"
function withUserRole<T>(requiredRole: string, Component: React.ComponentType<T>) { function withUserRole<T>(requiredRole: string, Component: React.ComponentType<T>) {
return (props: T): JSX.Element | null => { return (props: T): JSX.Element => {
const roles = useSelector(selectUserRoles) const roles = useSelector(selectUserRoles)
return roles.includes(requiredRole) ? <Component {...props} /> : null return roles.includes(requiredRole) ? <Component {...props} /> : <div />
} }
} }