import Module from "@Front/Config/Module";
import React from "react";

import HeaderLink from "../HeaderLink";
import classes from "./classes.module.scss";
import Rules, { RulesMode } from "@Front/Components/Elements/Rules";
import { AppRuleActions, AppRuleNames } from "@Front/Api/Entities/rule";

type IProps = {};
type IState = {};

export default class Navigation extends React.Component<IProps, IState> {
	public override render(): JSX.Element {
		return (
			<div className={classes["root"]}>
				<HeaderLink
					text={"Dossiers en cours"}
					path={Module.getInstance().get().modules.pages.Folder.props.path}
					routesActive={[
						Module.getInstance().get().modules.pages.Folder.pages.FolderInformation.props.path,
						Module.getInstance().get().modules.pages.Folder.pages.CreateFolder.props.path,
					]}
				/>
				<HeaderLink
					text={"Dossiers archivés"}
					path={Module.getInstance().get().modules.pages.Folder.pages.FolderArchived.props.path}
					routesActive={[Module.getInstance().get().modules.pages.Folder.pages.FolderArchived.props.path]}
				/>
				<Rules
					mode={RulesMode.NECESSARY}
					rules={[
						{
							action: AppRuleActions.update,
							name: AppRuleNames.officeRoles,
						},
					]}>
					<HeaderLink
						text={"Collaborateurs"}
						path={Module.getInstance().get().modules.pages.Collaborators.props.path}
						routesActive={[Module.getInstance().get().modules.pages.Collaborators.props.path]}
					/>
				</Rules>
			</div>
		);
	}
}