diff --git a/src/front/Assets/Icons/life_buoy.svg b/src/front/Assets/Icons/life_buoy.svg new file mode 100644 index 00000000..224edada --- /dev/null +++ b/src/front/Assets/Icons/life_buoy.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/front/Components/DesignSystem/Header/classes.module.scss b/src/front/Components/DesignSystem/Header/classes.module.scss index 0d83f71b..d80c7d6b 100644 --- a/src/front/Components/DesignSystem/Header/classes.module.scss +++ b/src/front/Components/DesignSystem/Header/classes.module.scss @@ -46,6 +46,14 @@ margin-right: 32px; } } + + .help-section { + display: inline-flex; + cursor: pointer; + > :first-child { + margin-right: 32px; + } + } } .burger-menu { diff --git a/src/front/Components/DesignSystem/Header/index.tsx b/src/front/Components/DesignSystem/Header/index.tsx index e28eddb8..f33a9548 100644 --- a/src/front/Components/DesignSystem/Header/index.tsx +++ b/src/front/Components/DesignSystem/Header/index.tsx @@ -12,6 +12,7 @@ import Module from "@Front/Config/Module"; import Head from "next/head"; import { useRouter } from "next/router"; import LogoCielNatureIcon from "./logo-ciel-notaires.jpeg"; +import LifeBuoy from "@Assets/Icons/life_buoy.svg"; enum EHeaderOpeningState { OPEN = "open", @@ -69,6 +70,11 @@ class HeaderClass extends React.Component { <>
+
+ + help + +