From 9378f242c78a6c6b13cee8c8df38969c474bb4eb Mon Sep 17 00:00:00 2001
From: Danil Kovtonyuk <danx.kov@gmail.com>
Date: Sun, 9 Feb 2020 00:41:27 +1000
Subject: [PATCH] logout button

---
 assets/styles/app.scss      | 10 ++++++++++
 components/Form.vue         | 10 +++++++++-
 pages/make-contribution.vue |  3 ---
 store/user.js               |  6 +++++-
 4 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/assets/styles/app.scss b/assets/styles/app.scss
index 97d4d89..d757bef 100644
--- a/assets/styles/app.scss
+++ b/assets/styles/app.scss
@@ -607,6 +607,16 @@ fieldset {
 }
 
 .form {
+  position: relative;
+
+  .logout {
+    position: absolute;
+    top: 0;
+    right: -2px;
+    height: 22px;
+    width: 22px
+  }
+
   .button.is-fullwidth + .button.is-fullwidth {
     margin-top: 1rem;
   }
diff --git a/components/Form.vue b/components/Form.vue
index e4856e9..4429b13 100644
--- a/components/Form.vue
+++ b/components/Form.vue
@@ -1,6 +1,14 @@
 <template>
   <div class="form">
     <div v-if="isLoggedIn" class="fields">
+      <button @click="logOut" class="button is-icon logout">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+          <path
+            fill="#94febf"
+            d="M14.08,15.59L16.67,13H7V11H16.67L14.08,8.41L15.5,7L20.5,12L15.5,17L14.08,15.59M19,3A2,2 0 0,1 21,5V9.67L19,7.67V5H5V19H19V16.33L21,14.33V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19Z"
+          />
+        </svg>
+      </button>
       <b-field
         :type="{ 'is-danger': hasErrorName.invalid }"
         :message="{ [hasErrorName.msg]: hasErrorName.invalid }"
@@ -52,7 +60,7 @@ export default {
     }
   },
   methods: {
-    ...mapActions('user', ['makeTweet', 'logInVia'])
+    ...mapActions('user', ['makeTweet', 'logInVia', 'logOut'])
   }
 }
 </script>
diff --git a/pages/make-contribution.vue b/pages/make-contribution.vue
index 396af07..9ddb4b0 100644
--- a/pages/make-contribution.vue
+++ b/pages/make-contribution.vue
@@ -198,9 +198,6 @@ export default {
     onAnonymousHandler() {
       this.logOut()
       this.contributionType = 'anonymous'
-      this.userName = null
-      this.userHandle = 'Anonymous'
-      this.userCompany = ''
     }
   }
 }
diff --git a/store/user.js b/store/user.js
index 0d36da3..1d209e3 100644
--- a/store/user.js
+++ b/store/user.js
@@ -79,7 +79,11 @@ const actions = {
       `menubar=no,toolbar=no,resizable=yes,scrollbars=no,height=${popUpWindowHeight},width=${popUpWindowWidth},top=${top},left=${left}`
     )
   },
-  async logOut() {
+  async logOut({ commit }) {
+    commit('SET_HANDLE', 'Anonymous')
+    commit('SET_CONTRIBUTION_TYPE', null)
+    commit('SET_NAME', null)
+    commit('SET_COMPANY', '')
     await fetch('/api/logout')
   },
   async getUserData({ commit }) {