Fix pusher service

Author: aLLeXUs

frontend/src/services/Pusher.js

@@ -10,19 +10,22 @@ const config = {
     }
 };
 
-export const updateSocketAuthToken = (token) => {
+if (Storage.hasToken()) {
     config.auth.headers = {
-        Authorization: `Bearer ${token}`
+        Authorization: `Bearer ${Storage.getToken()}`
     };
-};
-
-if (Storage.hasToken()) {
-    updateSocketAuthToken(Storage.getToken());
 }
 
-
 export const pusher = new Pusher(process.env.VUE_APP_PUSHER_APP_KEY, config);
 
 export const getSocketId = () => {
     return pusher.connection.socket_id;
 };
+
+export const updateSocketAuthToken = (token) => {
+    pusher.config.auth.headers.Authorization = `Bearer ${token}`;
+};
+
+export const removeSocketAuthToken = () => {
+    pusher.config.auth.headers = {};
+}

frontend/src/store/modules/auth/mutations.js

@@ -1,7 +1,7 @@
 import { USER_LOGIN, USER_LOGOUT, SET_AUTHENTICATED_USER } from './mutationTypes';
 import Storage from '@/services/Storage';
 import { emptyUser, userMapper } from '@/services/Normalizer';
-import { updateSocketAuthToken } from '@/services/Pusher';
+import { updateSocketAuthToken, removeSocketAuthToken } from '@/services/Pusher';
 
 export default {
     [USER_LOGIN]: (state, accessToken) => {
@@ -14,6 +14,7 @@ export default {
 
     [USER_LOGOUT]: state => {
         Storage.removeToken();
+        removeSocketAuthToken();
 
         state.token = '';
         state.isLoggedIn = false;