50 lines
1.1 KiB
TypeScript
50 lines
1.1 KiB
TypeScript
import LogOutButton from "@Front/Components/DesignSystem/LogOutButton";
|
|
import Module from "@Front/Config/Module";
|
|
import React from "react";
|
|
|
|
import classes from "./classes.module.scss";
|
|
import MenuItem from "@Front/Components/DesignSystem/Menu/MenuItem";
|
|
|
|
type IProps = {
|
|
isOpen: boolean;
|
|
closeModal: () => void;
|
|
};
|
|
type IState = {};
|
|
|
|
export default class ProfileModal extends React.Component<IProps, IState> {
|
|
// TODO isEnabled depending on role given by DB
|
|
public override render(): JSX.Element | null {
|
|
if (!this.props.isOpen) return null;
|
|
return (
|
|
<>
|
|
<div className={classes["background"]} onClick={this.props.closeModal} />
|
|
<div className={classes["root"]}>
|
|
<MenuItem
|
|
item={{
|
|
text: "Mon compte",
|
|
link: Module.getInstance().get().modules.pages.MyAccount.props.path,
|
|
}}
|
|
/>
|
|
|
|
<MenuItem
|
|
item={{
|
|
text: "Guide de Prise en Main",
|
|
link: "https://ressources.lecoffre.io/",
|
|
target: "_blank",
|
|
}}
|
|
/>
|
|
|
|
<MenuItem
|
|
item={{
|
|
text: "CGU",
|
|
link: "/CGU_LeCoffre_io.pdf",
|
|
hasSeparator: true,
|
|
}}
|
|
/>
|
|
<LogOutButton />
|
|
</div>
|
|
</>
|
|
);
|
|
}
|
|
}
|