From 85828dd9831c153a002b3ee348d81185b67eedf8 Mon Sep 17 00:00:00 2001
From: vikingowl <cw.nachtigall@gmail.com>
Date: Tue, 1 Feb 2022 23:49:17 +0100
Subject: [PATCH] fixed bug on player side-bar

---
 src/components/PlayerSideInfo.vue | 79 ++++++++++++++++++-------------
 1 file changed, 45 insertions(+), 34 deletions(-)

diff --git a/src/components/PlayerSideInfo.vue b/src/components/PlayerSideInfo.vue
index 2666e89..fdb5e6f 100644
--- a/src/components/PlayerSideInfo.vue
+++ b/src/components/PlayerSideInfo.vue
@@ -8,14 +8,14 @@
       <hr>
       <ul v-for="mate in props.player_meta.most_mates" :key="mate.player.steamid64" class="list-unstyled">
         <li @click="GoToPlayer(mate.player.vanity_url || mate.player.steamid64)">
-                <span class="start">
-                  <img :class="mate.player.tracked ? 'tracked' : ''" :src="constructAvatarUrl(mate.player.avatar)"
-                       :title="mate.player.tracked ? 'Tracked' : ''" alt="Player avatar">
-                  <span class="text">{{ mate.player.name }}</span>
-                </span>
+          <span class="start">
+            <img :class="mate.player.tracked ? 'tracked' : ''" :src="constructAvatarUrl(mate.player.avatar)"
+                 :title="mate.player.tracked ? 'Tracked' : ''" alt="Player avatar">
+            <span class="text">{{ mate.player.name }}</span>
+          </span>
           <span class="end">
-                  {{ mate.total }}
-                </span>
+            {{ mate.total }}
+          </span>
         </li>
       </ul>
     </div>
@@ -37,15 +37,15 @@
       <hr>
       <ul v-for="mate in props.player_meta.best_mates" :key="mate.player.steamid64" class="list-unstyled">
         <li @click="GoToPlayer(mate.player.vanity_url || mate.player.steamid64)">
-                <span class="start">
-                  <img :class="mate.player.tracked ? 'tracked' : ''" :src="constructAvatarUrl(mate.player.avatar)"
-                       :title="mate.player.tracked ? 'Tracked' : ''" alt="Player avatar">
-                  <span class="text">{{ mate.player.name }}</span>
-                </span>
+          <span class="start">
+            <img :class="mate.player.tracked ? 'tracked' : ''" :src="constructAvatarUrl(mate.player.avatar)"
+                 :title="mate.player.tracked ? 'Tracked' : ''" alt="Player avatar">
+            <span class="text">{{ mate.player.name }}</span>
+          </span>
           <span class="end">
-                  {{ (mate.win_rate * 100).toFixed(0) }} %
-                <span v-if="mate.total" class="total text-muted">({{ mate.total }})</span>
-                </span>
+            {{ mate.win_rate ? (mate.win_rate * 100).toFixed(0) : 0 }} %
+            <span v-if="mate.total" class="total text-muted">({{ mate.total }})</span>
+          </span>
         </li>
       </ul>
     </div>
@@ -67,14 +67,14 @@
       <hr>
       <ul v-for="(id, key) in data.best_weapons" :key="id[0]" class="list-unstyled">
         <li>
-                <span class="start">
-                  <span class="text">{{ id[0] }}</span>
-                </span>
+          <span class="start">
+            <span class="text">{{ id[0] }}</span>
+          </span>
           <span :title="id[0] + ' - ' + id[1] + ' dmg'" class="end">
-                  <span :class="'dmg-chart-' + key">
-                    {{ id[1] }}
-                  </span>
-                </span>
+            <span :class="'dmg-chart-' + key">
+              {{ id[1] }}
+            </span>
+          </span>
         </li>
       </ul>
       {{ setDmgGraphWidth() }}
@@ -97,15 +97,15 @@
       <hr>
       <ul v-for="map in data.best_maps" :key="map[0]" class="list-unstyled">
         <li>
-                <span class="start">
-                  <img :src="require('../assets/images/map_icons/map_icon_' + map[0] + '.svg')" alt="Player avatar">
-                  <span class="text">{{ FixMapName(map[0]) }}</span>
-                </span>
+          <span class="start">
+            <img :src="require('../assets/images/map_icons/map_icon_' + map[0] + '.svg')" alt="Player avatar">
+            <span class="text">{{ FixMapName(map[0]) }}</span>
+          </span>
           <span class="end">
-                  {{ (map[1] * 100).toFixed(0) }} %
-                <span v-if="props.player_meta.total_maps[map[0]]"
-                      class="total text-muted">({{ props.player_meta.total_maps[map[0]] }})</span>
-                </span>
+            {{ (map[1] * 100).toFixed(0) }} %
+          <span v-if="props.player_meta.total_maps[map[0]]"
+                class="total text-muted">({{ props.player_meta.total_maps[map[0]] }})</span>
+          </span>
         </li>
       </ul>
     </div>
@@ -215,7 +215,18 @@ export default {
       }
     })
 
-    return {props, data, weaponsLoading, mapsLoading, mostMatesLoading, bestMatesLoading, setDmgGraphWidth, GoToPlayer, constructAvatarUrl, FixMapName}
+    return {
+      props,
+      data,
+      weaponsLoading,
+      mapsLoading,
+      mostMatesLoading,
+      bestMatesLoading,
+      setDmgGraphWidth,
+      GoToPlayer,
+      constructAvatarUrl,
+      FixMapName
+    }
   }
 }
 </script>
@@ -245,9 +256,9 @@ export default {
     border-radius: 5px;
   }
 
-    ol, ul, dl {
-      margin-bottom: 0;
-    }
+  ol, ul, dl {
+    margin-bottom: 0;
+  }
 
   .best-mate,
   .preferred-weapons,