4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Auto open newsletter

Browse Source
This commit is contained in:
Vins 2024-06-20 09:51:50 +02:00
parent a3b3f9b74d
commit f342ca9c80
2 changed files with 42 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/front/Components/DesignSystem/Newsletter/index.tsx
View File

@ -8,7 +8,9 @@ import Form from "../Form";
import Mail from "@Assets/Icons/mail.svg"; import Mail from "@Assets/Icons/mail.svg";
import Image from "next/image"; import Image from "next/image";
type IProps = {}; type IProps = {
isOpen?: boolean;
};
interface IState { interface IState {
email: string; email: string;
@ -58,7 +60,8 @@ export default class Newsletter extends React.Component<IProps, IState> {
public override render(): JSX.Element { public override render(): JSX.Element {
return ( return (
<> <>
{this.state.isNewsletterOpen && ( {this.state.isNewsletterOpen ||
(this.props.isOpen && (
<div className={classes["container"]}> <div className={classes["container"]}>
<div className={classes["root"]}> <div className={classes["root"]}>
<div className={classes["text"]}> <div className={classes["text"]}>
@ -96,7 +99,7 @@ export default class Newsletter extends React.Component<IProps, IState> {
</div> </div>
</div> </div>
</div> </div>
)} ))}
<div className={classes["container-icon"]}> <div className={classes["container-icon"]}>
<div className={classes["newsletter"]}> <div className={classes["newsletter"]}>

19
src/front/Components/Layouts/Folder/index.tsx
View File

@ -5,8 +5,6 @@ import { OfficeFolder } from "le-coffre-resources/dist/Notary";
import BasePage from "../Base"; import BasePage from "../Base";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import Newletter from "@Front/Components/DesignSystem/Newsletter"; import Newletter from "@Front/Components/DesignSystem/Newsletter";
// import Image from "next/image";
// import Mail from "@Assets/Icons/mail.svg";
type IProps = {}; type IProps = {};
type IState = { type IState = {
@ -18,7 +16,7 @@ export default class Folder extends BasePage<IProps, IState> {
super(props); super(props);
this.state = { this.state = {
selectedFolder: null, selectedFolder: null,
isArchivedModalOpen: false, isArchivedModalOpen: true,
}; };
this.onSelectedFolder = this.onSelectedFolder.bind(this); this.onSelectedFolder = this.onSelectedFolder.bind(this);
} }
@ -35,16 +33,7 @@ export default class Folder extends BasePage<IProps, IState> {
Sélectionnez un dossier Sélectionnez un dossier
</Typography> </Typography>
</div> </div>
<Newletter /> <Newletter isOpen />
{/* <div className={classes["newsletter"]}>
<Image
src={Mail}
alt="newsletter-icon"
className={classes["newsletter-icon"]}
onClick={() => this.handleNewsletterOpen(this.state.isNewsletterOpen)}
/>
</div> */}
</div> </div>
</div> </div>
</DefaultNotaryDashboard> </DefaultNotaryDashboard>
@ -54,8 +43,4 @@ export default class Folder extends BasePage<IProps, IState> {
private onSelectedFolder(folder: OfficeFolder): void { private onSelectedFolder(folder: OfficeFolder): void {
this.setState({ selectedFolder: folder }); this.setState({ selectedFolder: folder });
} }
// private handleNewsletterOpen(isNewsletterOpen: boolean): void {
// this.setState({ isNewsletterOpen: !isNewsletterOpen });
// }
} }