Added habitica event for profile display (#9576)

website/client/components/header/notificationsDropdown.vue

@@ -34,7 +34,7 @@ menu-dropdown.item-notifications(:right="true")
         button.btn.btn-primary(@click.stop='accept(guild, index, "guild")') Accept
         button.btn.btn-primary(@click.stop='reject(guild, index, "guild")') Reject
     a.dropdown-item(v-if='user.flags.classSelected && !user.preferences.disableClasses && user.stats.points',
-      @click='go("/user/profile")')
+      @click='showProfile()')
       span.glyphicon.glyphicon-plus-sign
       span {{ $t('haveUnallocated', {points: user.stats.points}) }}
     a.dropdown-item(v-for='message in userNewMessages')
@@ -279,6 +279,12 @@ export default {
       let quest = await this.$store.dispatch('quests:sendAction', {groupId: partyId, action: 'quests/reject'});
       this.user.party.quest = quest;
     },
+    showProfile () {
+      this.$root.$emit('habitica:show-profile', {
+        user: this.user,
+        startingPage: 'stats',
+      });
+    },
   },
 };
 </script>

website/client/components/header/userDropdown.vue

@@ -98,9 +98,10 @@ export default {
       this.$root.$emit('bv::show::modal', 'inbox-modal');
     },
     showProfile (startingPage) {
-      this.$store.state.profileUser = this.user;
-      this.$store.state.profileOptions.startingPage = startingPage;
-      this.$root.$emit('bv::show::modal', 'profile');
+      this.$root.$emit('habitica:show-profile', {
+        user: this.user,
+        startingPage,
+      });
     },
     showBuyGemsModal (startingPage) {
       this.$store.state.gemModalOptions.startingPage = startingPage;