4 files changed, 42 insertions, 21 deletions

diff --git a/src/components/Searcher.vue b/src/components/Searcher.vue
index 4a252a0..43dd7bd 100644
--- a/src/components/Searcher.vue
+++ b/src/components/Searcher.vue
@@ -1,6 +1,14 @@
 <template>
   <div id="searcher">
-    <input type="text" v-model='search' ref='input' @keydown="hotkeys" placeholder="Search!">
+    <input 
+      type="text" 
+      v-model='search' 
+      ref='input' 
+      @keydown="hotkeys" 
+      @blur="close()"
+      placeholder="Search!"
+    />
+
     <Sugestion 
       v-for="sugestion in sugestions" 
       :key="sugestion[0]" 
@@ -41,6 +49,10 @@ export default {
       this.sugestions = sugestions
     },
 
+    close() {
+      this.$emit('close')
+    },
+
     change_current(a=1) {
       let index = this.sugestions.findIndex(element => element===this.current)
       let new_current = this.sugestions[index+a]
@@ -61,8 +73,8 @@ export default {
     hotkeys(e) {
       switch(e.code) {
         case 'Escape':
-          this.$emit('close')
-          break
+        this.close()
+        break
         case 'ArrowDown':
           e.preventDefault()
           this.change_current(1)
diff --git a/src/services/AuthService.js b/src/services/AuthService.js
index ff1e468..758157c 100644
--- a/src/services/AuthService.js
+++ b/src/services/AuthService.js
@@ -5,6 +5,7 @@ const url = 'http://localhost:8000/api/auth/'
 
 const error_notify = (error) => {
     for (const [key, values] of Object.entries(error.response.data)) {
+        console.log(values)
         values.forEach(value => {
             Vue.notify({
                 type: 'error',
@@ -43,5 +44,16 @@ export default {
         })
         .catch(error => error_notify(error))
 
+    },
+
+    async logout() {
+        return await axios
+        .post(url+'logout/')
+        .then(res => {
+            return {
+                status: res.status
+            }
+        })
+        .catch(error => error_notify(error))
     }
 }
\ No newline at end of file
diff --git a/src/services/CommandsService.js b/src/services/CommandsService.js
index 1248c6d..f8a815f 100644
--- a/src/services/CommandsService.js
+++ b/src/services/CommandsService.js
@@ -1,24 +1,20 @@
+import AuthService from "./AuthService"
+import store from "@/store/index.js"
+import router from '@/router/index.js'
+
 export default {
     logout() { 
-        console.log("logout :)")
+        AuthService.logout()
+        store.dispatch('logout')
+        router.push('/login')
     },
-    last_message() {
-        console.log("last massege")
+    friends() {
+        console.log("list")
     },
-    chat() {
+    tab() {
         return {
-            search() {console.log("search")},
-            add() {console.log("add friend")},
-            next_tab() {
-                return {
-                    hi_in_next_tab() {
-                        console.log('Hello there! :)')
-                    }
-                }
-            }
-        } 
-    },
-    notifications() {},
-    users() {},
-    groups() {}
+            on() {},
+            off() {}
+        }
+    }
 }
diff --git a/src/store/index.js b/src/store/index.js
index fa8a1bd..02e3efa 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -41,6 +41,7 @@ const store = new Vuex.Store({
     },
     logout: ({commit}) => {
       commit('reset_state')
+      Axios.defaults.headers.common['Authorization'] = null;
     }
   }
 })