From b6369e56c012057cf4e70b95550924c188ddf6bf Mon Sep 17 00:00:00 2001
From: vikingowl <cw.nachtigall@gmail.com>
Date: Wed, 2 Feb 2022 19:59:24 +0100
Subject: [PATCH] updated match page to highlight winner green (even if match
 was surrendered)

---
 src/components/ScoreTeam.vue |  4 ++--
 src/views/Match.vue          | 10 ++++++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/ScoreTeam.vue b/src/components/ScoreTeam.vue
index 98b1c8f..64fc8da 100644
--- a/src/components/ScoreTeam.vue
+++ b/src/components/ScoreTeam.vue
@@ -35,7 +35,7 @@
               <span v-if="store.state.matchDetails.score[0] < 10"
                     :style="store.state.matchDetails.score[0] < 10 ? 'margin-left: -10px;' : ''"
                     class="hidden">0</span><span
-                :class="store.state.matchDetails.score[0] === 16 ? 'text-success' : store.state.matchDetails.score[0] === 15 ? 'text-warning' : 'text-danger'">{{
+                :class="store.state.matchDetails.match_result === 1 ? 'text-success' : store.state.matchDetails.match_result === 0 ? 'text-warning' : 'text-danger'">{{
                 store.state.matchDetails.score[0]
               }}</span>
             </div>
@@ -47,7 +47,7 @@
               <span v-if="store.state.matchDetails.score[1] < 10"
                     :style="store.state.matchDetails.score[1] < 10 ? 'margin-left: -10px;' : ''"
                     class="hidden">0</span><span
-                :class="store.state.matchDetails.score[1] === 16 ? 'text-success' : store.state.matchDetails.score[1] === 15 ? 'text-warning' : 'text-danger'">{{
+                :class="store.state.matchDetails.match_result === 2 ? 'text-success' : store.state.matchDetails.match_result === 0 ? 'text-warning' : 'text-danger'">{{
                 store.state.matchDetails.score[1]
               }}</span>
             </div>
diff --git a/src/views/Match.vue b/src/views/Match.vue
index 7809d50..c3a8898 100644
--- a/src/views/Match.vue
+++ b/src/views/Match.vue
@@ -6,8 +6,8 @@
       <div class="head row m-auto text-center">
         <div class="map-score">
           <div class="score-team-1">
-            <h1 :class="checkWin(1)">{{ data.score[0] }}</h1>
-            <div v-if="data.score[0]" class="team-1">
+            <h1 :class="data.matchDetails.match_result === 1 ? 'text-success' : data.matchDetails.match_result === 0 ? 'text-warning' : 'text-danger'">{{data.score[0]}}</h1>
+            <div class="team-1">
               <img alt="CT logo" src="/images/icons/ct_logo.svg">
               <img alt="T logo" src="/images/icons/t_logo.svg">
             </div>
@@ -30,8 +30,8 @@
             >
           </div>
           <div class="score-team-2">
-            <h1 :class="checkWin(2)">{{ data.score[1] }}</h1>
-            <div v-if="data.score[1]" class="team-2">
+            <h1 :class="data.matchDetails.match_result === 2 ? 'text-success' : data.matchDetails.match_result === 0 ? 'text-warning' : 'text-danger'">{{ data.score[1] }}</h1>
+            <div class="team-2">
               <img alt="T logo" src="/images/icons/t_logo.svg">
               <img alt="CT logo" src="/images/icons/ct_logo.svg">
             </div>
@@ -209,6 +209,8 @@ export default {
 
           data.matchDetails = store.state.matchDetails
 
+          console.log(data.matchDetails)
+
           data.matchDetails.stats.forEach(p => {
             p.player.name = ProcessName(p.player.name)
           })