From fd597a82971e9c20d907ad4b02683f1e420d7652 Mon Sep 17 00:00:00 2001
From: memeriau <manuel.emeriau@mappy.com>
Date: Wed, 2 Feb 2022 23:13:01 +0100
Subject: [PATCH] display logout button on header

---
 src/app/index.tsx                              | 4 ++++
 src/app/styles.module.scss                     | 8 ++++++++
 src/components/LogoutButton/styles.module.scss | 2 ++
 3 files changed, 14 insertions(+)

diff --git a/src/app/index.tsx b/src/app/index.tsx
index 6ad4443..a1ad843 100755
--- a/src/app/index.tsx
+++ b/src/app/index.tsx
@@ -9,6 +9,7 @@ import "normalize.css/normalize.css"
 import "react-toastify/dist/ReactToastify.css"
 import styles from "./styles.module.scss"
 import MainMenu from "../components/Navigation/MainMenu"
+import LogoutButton from "../components/LogoutButton/LogoutButton"
 
 interface Route {
     route: { routes: RouteConfig[] }
@@ -35,6 +36,9 @@ const App = ({ route }: Route): JSX.Element => (
             <div className={styles.menuWrapper}>
                 <MainMenu />
             </div>
+            <div className={styles.logoutWrapper}>
+                <LogoutButton />
+            </div>
         </header>
         {/* Child routes won't render without this */}
         {renderRoutes(route.routes)}
diff --git a/src/app/styles.module.scss b/src/app/styles.module.scss
index 7eed4e7..0ecd07e 100755
--- a/src/app/styles.module.scss
+++ b/src/app/styles.module.scss
@@ -62,3 +62,11 @@
     right: 10px;
     text-align: center;
 }
+
+.logoutWrapper {
+    position: absolute;
+    bottom: -22px;
+    right: 10px;
+    padding: 0;
+    background: none;
+}
diff --git a/src/components/LogoutButton/styles.module.scss b/src/components/LogoutButton/styles.module.scss
index c86678a..c4e4b24 100644
--- a/src/components/LogoutButton/styles.module.scss
+++ b/src/components/LogoutButton/styles.module.scss
@@ -2,6 +2,8 @@
     text-align: center;
 
     button {
+        padding: 0;
+        background: none;
         font-weight: normal;
         font-size: 0.9em;
     }