From b7a79778876a41ec692753da374024aa69ebf335 Mon Sep 17 00:00:00 2001
From: vikingowl <cw.nachtigall@gmail.com>
Date: Fri, 22 Oct 2021 21:07:34 +0200
Subject: [PATCH] fixed #13

---
 src/views/Match.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/views/Match.vue b/src/views/Match.vue
index f76bc9e..9424454 100644
--- a/src/views/Match.vue
+++ b/src/views/Match.vue
@@ -11,8 +11,13 @@
              alt="Map icon"
              class="map-icon" title="Map unknown">
       </div>
+      <p class="text-center text-muted fs-6 mb-1">
+        Match lasted for
+        <span class="text-white">{{FormatDuration(data.matchDetails.duration)}}</span>
+      </p>
       <p class="text-center text-muted fs-6">
-        {{ FormatFullDate(data.matchDetails.date) }}
+        on
+        <span class="text-white">{{ FormatFullDate(data.matchDetails.date) }}</span>
       </p>
       <p class="text-center fs-6">
         <span class="text-muted">Match Length:</span> {{ data.matchDetails.max_rounds === 16 ? 'Short' : 'Long' }}
@@ -87,7 +92,7 @@
 <script>
 import {onBeforeMount, onBeforeUnmount, onMounted, reactive, watch} from "vue";
 import axios from 'axios'
-import {closeNav, DisplayRank, FixMapName, FormatFullDate, GetAvgRank, GoToLink, LoadImage} from "../utils";
+import {closeNav, DisplayRank, FixMapName, FormatFullDate, GetAvgRank, GoToLink, LoadImage, FormatDuration} from "../utils";
 import {useStore} from "vuex";
 import {useRoute} from 'vue-router'
 
@@ -185,7 +190,7 @@ export default {
     })
 
     return {
-      data, DisplayRank, FormatFullDate
+      data, DisplayRank, FormatFullDate, FormatDuration
     }
   }
 }