From c00a1d74f95e559d4f33a0cf57d63b57ed82f615 Mon Sep 17 00:00:00 2001
From: Tom Thorpe <tthorpe88@gmail.com>
Date: Sat, 29 Feb 2020 17:46:41 +0000
Subject: [PATCH] Allow group links on challenge details to be opened in a new
 tab (#11889)

* - Use `router-link` in `groupLink` to make links that can be followed in a new tab

* - Add back the missing `if` statement that was removed in error
---
 website/client/src/components/groupLink.vue | 33 ++++++++++++++-------
 1 file changed, 22 insertions(+), 11 deletions(-)

diff --git a/website/client/src/components/groupLink.vue b/website/client/src/components/groupLink.vue
index 97f3bdb8d9..96f419d56b 100644
--- a/website/client/src/components/groupLink.vue
+++ b/website/client/src/components/groupLink.vue
@@ -1,10 +1,10 @@
 <template>
-  <b-link
+  <router-link
     v-if="group"
-    @click.prevent="goToGroup"
+    :to="toPath"
   >
     {{ group.name }}
-  </b-link>
+  </router-link>
 </template>
 
 <script>
@@ -12,15 +12,26 @@ import { TAVERN_ID } from '@/../../common/script/constants';
 
 export default {
   props: ['group'],
-  methods: {
-    goToGroup () {
-      if (this.group.type === 'party') {
-        this.$router.push({ name: 'party' });
-      } else if (this.group._id === TAVERN_ID) {
-        this.$router.push({ name: 'tavern' });
-      } else {
-        this.$router.push({ name: 'guild', params: { groupId: this.group._id } });
+  computed: {
+    toPath () {
+      if (this.group._id === TAVERN_ID) {
+        return {
+          name: 'tavern',
+        };
       }
+
+      if (this.group.type === 'party') {
+        return {
+          name: 'party',
+        };
+      }
+
+      return {
+        name: 'guild',
+        params: {
+          groupId: this.group._id,
+        },
+      };
     },
   },
 };