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

✨ Help button

Browse Source
This commit is contained in:
Maxime Lalo 2024-04-23 14:53:00 +02:00
parent 16b3dd45a0
commit b09af4df47
3 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/front/Assets/Icons/life_buoy.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.364 4.13604L12.8284 7.67157M12.8284 13.3284L16.364 16.864M7.17157 7.67157L3.63604 4.13604M7.17157 13.3284L3.63604 16.864M19 10.5C19 15.4706 14.9706 19.5 10 19.5C5.02944 19.5 1 15.4706 1 10.5C1 5.52944 5.02944 1.5 10 1.5C14.9706 1.5 19 5.52944 19 10.5ZM14 10.5C14 12.7091 12.2091 14.5 10 14.5C7.79086 14.5 6 12.7091 6 10.5C6 8.29086 7.79086 6.5 10 6.5C12.2091 6.5 14 8.29086 14 10.5Z" stroke="black" stroke-width="2" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 558 B

8
src/front/Components/DesignSystem/Header/classes.module.scss
View File

@ -46,6 +46,14 @@
margin-right: 32px; margin-right: 32px;
} }
} }
.help-section {
display: inline-flex;
cursor: pointer;
> :first-child {
margin-right: 32px;
}
}
} }
.burger-menu { .burger-menu {

6
src/front/Components/DesignSystem/Header/index.tsx
View File

@ -12,6 +12,7 @@ import Module from "@Front/Config/Module";
import Head from "next/head"; import Head from "next/head";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import LogoCielNatureIcon from "./logo-ciel-notaires.jpeg"; import LogoCielNatureIcon from "./logo-ciel-notaires.jpeg";
import LifeBuoy from "@Assets/Icons/life_buoy.svg";
enum EHeaderOpeningState { enum EHeaderOpeningState {
OPEN = "open", OPEN = "open",
@ -69,6 +70,11 @@ class HeaderClass extends React.Component<IPropsClass, IState> {
<> <>
<Navigation /> <Navigation />
<div className={classes["right-section"]}> <div className={classes["right-section"]}>
<div className={classes["help-section"]}>
<Link href="https://tally.so/r/mBGaNY" target="blank">
<Image src={LifeBuoy} alt="help" />
</Link>
</div>
<div className={classes["notification-section"]}> <div className={classes["notification-section"]}>
<Notifications <Notifications
isModalOpen={this.state.isNotificationMenuOpen} isModalOpen={this.state.isNotificationMenuOpen}