Merge pull request 'fix profile display' (#49) from fix/48-profile into main

Reviewed-on: #49

src/store/profile.js

@@ -54,17 +54,20 @@ export default {
     }
   },
   actions: {
-    onError({commit}) {
+    onError({commit, dispatch}) {
       commit('setError')
-      commit('clearProfileId')
+      dispatch('clear')
-      commit('clearProfile')
-      commit('setNotLoading')
-      commit('hideSpinner')
     },
     onNotFound({commit, dispatch}) {
       dispatch('onError')
       commit('setNotFound', true)
     },
+    clear({commit}) {
+      commit('clearProfileId')
+      commit('clearProfile')
+      commit('hideSpinner')
+      commit('setNotLoading')
+    },
     async load({state, commit, dispatch, rootState}, profileId) {
       if (state.loading) {
         return
@@ -111,7 +114,7 @@ export default {
       const responseData = await response.json()
       commit('setProfile', responseData.profile)
       commit('hideSpinner')
-      commit('setNotSearching')
+      commit('setNotLoading')
     }
   }
 }

src/views/profile/View.vue

@@ -112,7 +112,8 @@ export default {
   },
   methods: {
     ...mapActions({
-      load: 'profile/load'
+      loadProfile: 'profile/load',
+      clearStore: 'profile/clear',
     })
   },
   computed: {
@@ -126,8 +127,11 @@ export default {
   },
   async created() {
     const id = parseInt(this.$route.params.memberId, 10)
-    this.load(id)
+    this.loadProfile(id)
-  }
+  },
+  unmounted() {
+    this.clearStore()
+  },
 };
 </script>