2 files changed, 6 insertions, 1 deletions
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>
   )