36 lines
852 B
TypeScript
36 lines
852 B
TypeScript
import React from 'react';
|
|
import { MenuAsideItem } from '../interfaces';
|
|
import AsideMenuItem from './AsideMenuItem';
|
|
import { useAppSelector } from '../stores/hooks';
|
|
import { hasPermission } from '../helpers/userPermissions';
|
|
|
|
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;
|
|
|
|
return (
|
|
<div key={index}>
|
|
<AsideMenuItem item={item} isDropdownList={isDropdownList} />
|
|
</div>
|
|
);
|
|
})}
|
|
</ul>
|
|
);
|
|
}
|