38 lines
1.0 KiB
TypeScript
38 lines
1.0 KiB
TypeScript
import React from 'react'
|
|
import { MenuAsideItem } from '../interfaces'
|
|
import AsideMenuItem from './AsideMenuItem'
|
|
import {useAppSelector} from "../stores/hooks";
|
|
import {hasPermission} from "../helpers/userPermissions";
|
|
import { isBlockedWorkerRoute, isRestrictedPayrollUser } from '../helpers/accessControl';
|
|
|
|
type Props = {
|
|
menu: MenuAsideItem[]
|
|
isDropdownList?: boolean
|
|
className?: string
|
|
}
|
|
|
|
export default function AsideMenuList({ menu, isDropdownList = false, className = '' }: Props) {
|
|
const { currentUser } = useAppSelector((state) => state.auth);
|
|
|
|
if (!currentUser) return null;
|
|
|
|
return (
|
|
<ul className={className}>
|
|
{menu.map((item, index) => {
|
|
if (!hasPermission(currentUser, item.permissions)) return null;
|
|
|
|
if (isRestrictedPayrollUser(currentUser) && isBlockedWorkerRoute(item.href)) return null;
|
|
|
|
return (
|
|
<div key={index}>
|
|
<AsideMenuItem
|
|
item={item}
|
|
isDropdownList={isDropdownList}
|
|
/>
|
|
</div>
|
|
)
|
|
})}
|
|
</ul>
|
|
)
|
|
}
|