Fix #606: Refresh profile after user settings update to avoid cache issues

changes/changelog.d/606.bugfix

@@ -0,0 +1 @@
+Refresh profile after user settings update to avoid cache issues (#606)

front/src/components/auth/Settings.vue

@@ -170,6 +170,9 @@ export default {
       return axios.patch(url, payload).then(response => {
         logger.default.info('Updated settings successfully')
         self.settings.success = true
+        return axios.get('users/users/me/').then((response) => {
+          self.$store.dispatch('auth/updateProfile', response.data)
+        })
       }, error => {
         logger.default.error('Error while updating settings')
         self.isLoading = false

front/src/store/auth.js

@@ -119,22 +119,27 @@ export default {
 
       return axios.get('users/users/me/').then((response) => {
         logger.default.info('Successfully fetched user profile')
-        let data = response.data
+        dispatch('updateProfile', response.data)
-        commit('authenticated', true)
-        commit('profile', data)
-        commit('username', data.username)
         dispatch('ui/fetchUnreadNotifications', null, { root: true })
         dispatch('favorites/fetch', null, { root: true })
         dispatch('playlists/fetchOwn', null, { root: true })
-        Object.keys(data.permissions).forEach(function (key) {
-          // this makes it easier to check for permissions in templates
-          commit('permission', {key, status: data.permissions[String(key)]})
-        })
         return response.data
       }, (response) => {
         logger.default.info('Error while fetching user profile')
       })
     },
+    updateProfile({ commit }, data) {
+      commit("authenticated", true)
+      commit("profile", data)
+      commit("username", data.username)
+      Object.keys(data.permissions).forEach(function(key) {
+        // this makes it easier to check for permissions in templates
+        commit("permission", {
+          key,
+          status: data.permissions[String(key)]
+        })
+      })
+    },
     refreshToken ({commit, dispatch, state}) {
       return axios.post('token/refresh/', {token: state.token}).then(response => {
         logger.default.info('Refreshed auth token')