From fbf108595a00a7c9db5984158e4b02cc345b68d1 Mon Sep 17 00:00:00 2001
From: Jan Tuomi <jan.tuomi@eficode.com>
Date: Fri, 31 Jan 2020 19:20:13 +0200
Subject: Initial commit

---
 frontend/src/LogoutBtn.js | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 frontend/src/LogoutBtn.js

(limited to 'frontend/src/LogoutBtn.js')

diff --git a/frontend/src/LogoutBtn.js b/frontend/src/LogoutBtn.js
new file mode 100644
index 0000000..f8b1827
--- /dev/null
+++ b/frontend/src/LogoutBtn.js
@@ -0,0 +1,22 @@
+import React from 'react';
+import { navigate } from '@reach/router';
+import { observer } from 'mobx-react';
+
+import axios from './axios';
+import userState from './UserState';
+
+const LogoutBtn = observer(({ user }) => {
+  const doLogout = async () => {
+    await axios.post('/logout');
+    user.username = null;
+    navigate('/login');
+  };
+
+  return (
+    <button onClick={doLogout} type="button">
+      Log out
+    </button>
+  );
+});
+
+export default () => <LogoutBtn user={userState} />;
-- 
cgit v1.3