From 501f0ab74ea7d8b1ee0d5ea4cdc84d200fa04d35 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 5 Mar 2021 21:46:11 +0100
Subject: log in log out

---
 animism-align/frontend/app/views/auth/auth.actions.js    | 3 ++-
 animism-align/frontend/app/views/nav/header.component.js | 4 ++++
 2 files changed, 6 insertions(+), 1 deletion(-)

(limited to 'animism-align/frontend/app')

diff --git a/animism-align/frontend/app/views/auth/auth.actions.js b/animism-align/frontend/app/views/auth/auth.actions.js
index 936e062..fc2a2aa 100644
--- a/animism-align/frontend/app/views/auth/auth.actions.js
+++ b/animism-align/frontend/app/views/auth/auth.actions.js
@@ -39,7 +39,8 @@ export const load_access_token = () => dispatch => {
   }
 }
 
-export const logout = () => dispatch => {
+export const logout = (e) => dispatch => {
+  e && e.preventDefault()
   session.set('access_token', '')
   return dispatch({ type: types.auth.logged_out })
 }
diff --git a/animism-align/frontend/app/views/nav/header.component.js b/animism-align/frontend/app/views/nav/header.component.js
index b4383aa..fadd680 100644
--- a/animism-align/frontend/app/views/nav/header.component.js
+++ b/animism-align/frontend/app/views/nav/header.component.js
@@ -3,6 +3,7 @@ import React from 'react'
 import { connect } from 'react-redux'
 import { Link } from 'react-router-dom'
 
+import actions from 'app/actions'
 import PlayButton from 'app/views/align/components/player/playButton.component'
 
 import './nav.css'
@@ -21,6 +22,9 @@ function Header(props) {
         <Link to="/episode">Episodes</Link>
         <Link to="/venue">Venues</Link>
         <Link to="/viewer">Viewer</Link>
+        <a href="#" onClick={actions.auth.logout}>
+          Logout
+        </a>
       </div>
     </header>
   )
-- 
cgit v1.2.3-70-g09d2