From f3c522d520e6b544f6d18d19c5647a20535018a8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ciar=C3=A1n=20Ainsworth?= <cda@rootkey.co.uk>
Date: Thu, 16 Jul 2020 21:03:30 +0100
Subject: [PATCH] Add support for unauthenticated users hitting the logout page

---
 changes/changelog.d/logout.enhancement | 1 +
 front/src/components/auth/Logout.vue   | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 changes/changelog.d/logout.enhancement

diff --git a/changes/changelog.d/logout.enhancement b/changes/changelog.d/logout.enhancement
new file mode 100644
index 000000000..4a0ccb81c
--- /dev/null
+++ b/changes/changelog.d/logout.enhancement
@@ -0,0 +1 @@
+Add support for unauthenticated users hitting the logout page
\ No newline at end of file
diff --git a/front/src/components/auth/Logout.vue b/front/src/components/auth/Logout.vue
index 510f3562e..cee056b7f 100644
--- a/front/src/components/auth/Logout.vue
+++ b/front/src/components/auth/Logout.vue
@@ -1,13 +1,19 @@
 <template>
   <main class="main pusher" v-title="labels.title">
     <section class="ui vertical stripe segment">
-      <div class="ui small text container">
+      <div v-if="$store.state.auth.authenticated" class="ui small text container">
         <h2>
           <translate translate-context="Content/Login/Title">Are you sure you want to log out?</translate>
         </h2>
         <p v-translate="{username: $store.state.auth.username}" translate-context="Content/Login/Paragraph">You are currently logged in as %{ username }</p>
         <button class="ui button" @click="$store.dispatch('auth/logout')"><translate translate-context="Content/Login/Button.Label">Yes, log me out!</translate></button>
       </div>
+      <div v-else class="ui small text container">
+        <h2>
+          <translate translate-context="Content/Login/Title">You aren't currently logged in</translate>
+        </h2>
+        <router-link to='/login' class="ui button"><translate translate-context="Content/Login/Button.Label">Log in!</translate></router-link>
+      </div>
     </section>
   </main>
 </template>