46 lines
1.1 KiB
TypeScript
46 lines
1.1 KiB
TypeScript
// ** React Imports
|
|
import { ReactNode, useContext } from 'react'
|
|
|
|
// ** Component Imports
|
|
import { AbilityContext } from 'app/layouts/components/acl/Can'
|
|
|
|
// ** Types
|
|
import { NavGroup, NavLink } from 'src/@core/layouts/types'
|
|
|
|
interface Props {
|
|
navGroup?: NavGroup
|
|
children: ReactNode
|
|
}
|
|
|
|
const CanViewNavGroup = (props: Props) => {
|
|
// ** Props
|
|
const { children, navGroup } = props
|
|
|
|
// ** Hook
|
|
const ability = useContext(AbilityContext)
|
|
|
|
const checkForVisibleChild = (arr: NavLink[] | NavGroup[]): boolean => {
|
|
return arr.some((i: NavGroup) => {
|
|
if (i.children) {
|
|
return checkForVisibleChild(i.children)
|
|
} else {
|
|
return ability?.can(i.action, i.subject)
|
|
}
|
|
})
|
|
}
|
|
|
|
const canViewMenuGroup = (item: NavGroup) => {
|
|
const hasAnyVisibleChild = item.children && checkForVisibleChild(item.children)
|
|
|
|
if (!(item.action && item.subject)) {
|
|
return hasAnyVisibleChild
|
|
}
|
|
|
|
return ability && ability.can(item.action, item.subject) && hasAnyVisibleChild
|
|
}
|
|
|
|
return navGroup && canViewMenuGroup(navGroup) ? <>{children}</> : null
|
|
}
|
|
|
|
export default CanViewNavGroup
|