From 6c06bf3cc99a73865204c13a84a2804b82b52697 Mon Sep 17 00:00:00 2001
From: Valentin Kaelin <kalanehd@gmail.com>
Date: Fri, 25 Oct 2019 23:35:32 +0200
Subject: [PATCH] fix: display max 15 friends

---
 client/src/components/Summoner/SummonerMates.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/client/src/components/Summoner/SummonerMates.vue b/client/src/components/Summoner/SummonerMates.vue
index 92208bc..a856c86 100644
--- a/client/src/components/Summoner/SummonerMates.vue
+++ b/client/src/components/Summoner/SummonerMates.vue
@@ -43,7 +43,7 @@
           <div class="w-1/4">Winrate</div>
         </div>
         <ul class="mt-1 text-gray-100">
-          <li v-for="mate in mates" :key="mate.name" class="flex justify-between items-center">
+          <li v-for="mate in mates.slice(0, maxMates)" :key="mate.name" class="flex justify-between items-center">
             <router-link
               :to="{ name: 'summoner', params: { region: $route.params.region, name: mate.name }}"
               class="w-2/4 hover:text-teal-200"
@@ -93,6 +93,12 @@ export default {
     Dropdown,
   },
 
+  data() {
+    return {
+      maxMates: 15
+    }
+  },
+
   computed: {
     hasMates() {
       return this.mates.length > 0