fix links not being active by default

1 files changed, 19 insertions, 0 deletions

diff --git a/src/components/navigation/navigation_entry.js b/src/components/navigation/navigation_entry.js
index e17e9436..a19ee1b4 100644
--- a/src/components/navigation/navigation_entry.js
+++ b/src/components/navigation/navigation_entry.js
@@ -4,6 +4,15 @@ import { faThumbtack } from '@fortawesome/free-solid-svg-icons'
 
 library.add(faThumbtack)
 
+const USERNAME_ROUTES = new Set([
+  'bookmarks',
+  'dms',
+  'interactions',
+  'notifications',
+  'chat',
+  'chats'
+])
+
 const NavigationEntry = {
   props: ['item', 'showPin'],
   methods: {
@@ -20,6 +29,16 @@ const NavigationEntry = {
     }
   },
   computed: {
+    routeTo () {
+      if (this.item.routeObject) {
+        return this.item.routeObject
+      }
+      const route = { name: (this.item.anon || this.currentUser) ? this.item.route : this.item.anonRoute }
+      if (USERNAME_ROUTES.has(route.name)) {
+        route.params = { username: this.currentUser.screen_name }
+      }
+      return route
+    },
     getters () {
       return this.$store.getters
     },