From 53172e0d80e706e3caca81510c55ea4d423d53c7 Mon Sep 17 00:00:00 2001
From: Florent Chehab <florent.chehab@etu.utc.fr>
Date: Sun, 25 Aug 2019 15:57:06 +0200
Subject: [PATCH] fix(log out)

---
 CHANGELOG.md                                |  6 +++++
 frontend/src/components/app/App.js          |  2 ++
 frontend/src/components/pages/PageLogout.js | 28 +++++++++++++++++++++
 3 files changed, 36 insertions(+)
 create mode 100644 frontend/src/components/pages/PageLogout.js

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e13596cc..c0f52462 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,11 @@
 ### [Versions](https://material-ui.com/versions/)
 
+## Next
+###### *TBD*
+
+- [bug fix] Logout working on mobile ([#150](https://gitlab.utc.fr/rex-dri/rex-dri/issues/150))
+
+
 ## v1.0.1
 ###### *23 Aug 2019*
 
diff --git a/frontend/src/components/app/App.js b/frontend/src/components/app/App.js
index 7ffbe0a6..8ded8196 100644
--- a/frontend/src/components/app/App.js
+++ b/frontend/src/components/app/App.js
@@ -29,6 +29,7 @@ import PageMyExchanges from "../pages/PageMyExchanges";
 import NotifierImportantInformation from "./NotifierImportantInformation";
 import FooterImportantInformation from "./FooterImportantInformation";
 import PageAboutUnlinkedPartners from "../pages/PageAboutUnlinkedPartners";
+import PageLogout from "../pages/PageLogout";
 // import PageFiles from "../pages/PageFiles";
 
 /**
@@ -59,6 +60,7 @@ class App extends CustomComponentForAPI {
               <Route path={APP_ROUTES.aboutRgpd} component={PageRgpd}/>
               <Route path={APP_ROUTES.aboutCgu} component={PageCgu}/>
               <Route path={APP_ROUTES.aboutUnlinkedPartners} component={PageAboutUnlinkedPartners}/>
+              <Route path={APP_ROUTES.logout} component={PageLogout}/>
               <Route component={PageNotFound}/>
             </Switch>
           </main>
diff --git a/frontend/src/components/pages/PageLogout.js b/frontend/src/components/pages/PageLogout.js
new file mode 100644
index 00000000..b1c4094a
--- /dev/null
+++ b/frontend/src/components/pages/PageLogout.js
@@ -0,0 +1,28 @@
+import React from "react";
+import PropTypes from "prop-types";
+import {APP_ROUTES} from "../../config/appRoutes";
+import {Typography} from "@material-ui/core";
+
+
+let _triggered = false;
+
+/**
+ * Component to force user logout
+ */
+function PageLogout(props) {
+
+  if (!_triggered) {
+    _triggered = true;
+    props.history.push(APP_ROUTES.logout);
+    window.location.reload(); // need to reload otherwise it might not work on mobile
+  }
+
+  return <Typography variant={"caption"}>Déconnexion on cours...</Typography>;
+}
+
+
+PageLogout.propTypes = {
+  history: PropTypes.object.isRequired,
+};
+
+export default PageLogout;
-- 
2.24.1