notifications with no link_to are not clickable

Author: supalarry

frontend/src/components/shared/NavBarBell.vue

@@ -27,12 +27,18 @@
         'border-b': true,
         'font-bold': !notification.is_seen,}"
            v-for="(notification, index) in notifications" :key="index + notification.is_seen.toString()">
+
         <router-link
-          v-bind:to="getRouterLink(notification.link_to)"
+          v-if="notification.link_to"
+          v-bind:to="notification.link_to"
           class="py-4 flex items-center word-break cursor-pointer">
           <img v-bind:src="getImage(notification.type)" class="w-4 h-4">
           <h1 class="ml-4">{{notification.content}}</h1>
         </router-link>
+        <div v-else class="py-4 flex items-center word-break">
+          <img v-bind:src="getImage(notification.type)" class="w-4 h-4">
+          <h1 class="ml-4">{{notification.content}}</h1>
+        </div>
       </div>
       <h1 v-if="!notifications.length" class="py-4 flex items-center">No notifications</h1>
     </div>
@@ -75,12 +81,6 @@ export default {
     fetchNotificationsIntervalId: null,
   }),
   methods: {
-    getRouterLink(link) {
-      if (!link) {
-        return '/';
-      }
-      return link;
-    },
     async makeNotificationsSeen() {
       const length = this.notifications.length;
       for (let i = 0; i < length; i += 1) {