From 584d497c6af6f79adbd3fa6aab7b2c6cae656ad9 Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Sun, 11 Oct 2020 12:25:26 +0200
Subject: [PATCH] Click dates send to history page for given lottery.

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

diff --git a/src/components/PersonalHighscorePage.vue b/src/components/PersonalHighscorePage.vue
index 530d326..b6068cd 100644
--- a/src/components/PersonalHighscorePage.vue
+++ b/src/components/PersonalHighscorePage.vue
@@ -22,7 +22,9 @@
         <h4 class="el-spacing">Flasker vunnet:</h4>
 
         <div v-for="win in winner.highscore">
-          <span class="date-won">{{ humanReadableDate(win.date) }} - {{ daysAgo(win.date) }} dager siden</span>
+          <router-link :to="winDateUrl(win.date)" class="days-ago">
+            {{ humanReadableDate(win.date) }} - {{ daysAgo(win.date) }} dager siden
+          </router-link>
           
           <div class="won-wine">
             <img :src="win.wine.image">
@@ -81,6 +83,10 @@ export default {
       })
       return colorOccurences
     },
+    winDateUrl(date) {
+      const timestamp = new Date(date).getTime();
+      return `/history/${timestamp}`
+    },
     humanReadableDate: humanReadableDate,
     daysAgo: daysAgo
   },