From 5601ea9365ca61f6983308f87e5318211430c10b Mon Sep 17 00:00:00 2001
From: Valentin Kaelin <kalanehd@gmail.com>
Date: Fri, 20 Sep 2019 23:52:34 +0200
Subject: [PATCH] feat: add links to the profiles of the 10 players per match

---
 client/src/components/Match.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/client/src/components/Match.vue b/client/src/components/Match.vue
index 2c195bf..e392dbf 100644
--- a/client/src/components/Match.vue
+++ b/client/src/components/Match.vue
@@ -110,9 +110,10 @@
               :key="'player-' + index"
               class="flex items-center leading-none"
             >
-              <div
-                class="w-20 text-right overflow-hidden text-overflow whitespace-no-wrap text-sm text-blue-200 font-medium"
-              >{{ ally.name }}</div>
+              <router-link
+                :to="{ name: 'summoner', params: { region: $route.params.region, name: ally.name }}"
+                class="w-20 text-right overflow-hidden text-overflow whitespace-no-wrap text-sm text-blue-200 font-medium hover:text-blue-100"
+              >{{ ally.name }}</router-link>
               <div
                 class="ml-1 w-6 h-6 bg-blue-1000 bg-center bg-cover rounded-full overflow-hidden"
                 :class="index !== 0 ? '-mt-1': ''"
@@ -127,9 +128,10 @@
                 :class="index !== 0 ? '-mt-1' : ''"
                 :style="{backgroundImage: `url('https://ddragon.leagueoflegends.com/cdn/${$patch}/img/champion/${data.enemyTeam[index].champion.id}.png')`}"
               ></div>
-              <div
-                class="ml-1 w-20 text-left overflow-hidden text-overflow whitespace-no-wrap text-sm text-blue-200 font-medium"
-              >{{ data.enemyTeam[index].name }}</div>
+              <router-link
+                :to="{ name: 'summoner', params: { region: $route.params.region, name: ally.name }}"
+                class="ml-1 w-20 text-left overflow-hidden text-overflow whitespace-no-wrap text-sm text-blue-200 font-medium hover:text-blue-100"
+              >{{ data.enemyTeam[index].name }}</router-link>
             </div>
           </div>
           <div class="ml-auto flex flex-col items-center justify-center">