diff --git a/changes/changelog.d/logout.enhancement b/changes/changelog.d/logout.enhancement new file mode 100644 index 0000000000000000000000000000000000000000..4a0ccb81c73d0c2adaba50231b49cb4664d19fa5 --- /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 510f3562e2f659765280a782c6bacd2692b49b9d..cee056b7f56ddf241a623cff06b191d3e9881ba4 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>