File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
import {buildMenuTree} from "./buildMenuTree.ts";
import type {AuthorRoleMenuFormItem} from "../type/authorRoleMenu.types.ts";
import {AuthorRoleMenuTreeItem} from "./AuthorRoleMenuTreeItem.tsx";
type Props = {
items: AuthorRoleMenuFormItem[];
isChecked: (menuNo: AuthorRoleMenuFormItem["menuNo"]) => boolean;
onCheck: (menuNo: AuthorRoleMenuFormItem["menuNo"], checked: boolean) => void;
};
export const AuthorRoleMenuDetailTable = ({
items,
isChecked,
onCheck,
}: Props) => {
const tree = buildMenuTree(items);
return (
<div className={"tree"}>
<div className={"tree_title"}>
메뉴목록
</div>
<div className={"tree_body"}>
{tree.map((node) => (
<AuthorRoleMenuTreeItem
key={node.menuNo}
node={node}
isChecked={isChecked}
onCheck={onCheck}
/>
))}
</div>
</div>
);
};