From d5a7ce1b1e15c61b2ee6778f08c0c088a083370f Mon Sep 17 00:00:00 2001
From: Adrian Thompson <adrianhthompson@gmail.com>
Date: Tue, 3 Nov 2020 10:13:36 +0100
Subject: [PATCH] fix comments

---
 src/Vinlottis.vue                        |  6 +++---
 src/components/PersonalHighscorePage.vue |  2 +-
 src/ui/{WineFooter.vue => Footer.vue}    |  0
 src/ui/Highscore.vue                     |  2 +-
 src/ui/TotalBought.vue                   | 18 +++++++++---------
 5 files changed, 14 insertions(+), 14 deletions(-)
 rename src/ui/{WineFooter.vue => Footer.vue} (100%)

diff --git a/src/Vinlottis.vue b/src/Vinlottis.vue
index a92560b..39fd692 100644
--- a/src/Vinlottis.vue
+++ b/src/Vinlottis.vue
@@ -2,7 +2,7 @@
   <div class="app-container">
     <banner :routes="routes"/>
     <router-view />
-    <WineFooter />
+    <Footer />
     <UpdateToast
       v-if="showToast"
       :text="toastText"
@@ -15,12 +15,12 @@
 <script>
 import ServiceWorkerMixin from "@/mixins/ServiceWorkerMixin";
 import banner from "@/ui/Banner";
-import WineFooter from "@/ui/WineFooter";
+import Footer from "@/ui/Footer";
 import UpdateToast from "@/ui/UpdateToast";
 
 export default {
   name: "vinlottis",
-  components: { banner, UpdateToast, WineFooter },
+  components: { banner, UpdateToast, Footer },
   props: {},
   data() {
     return {
diff --git a/src/components/PersonalHighscorePage.vue b/src/components/PersonalHighscorePage.vue
index 46f252f..0d3116b 100644
--- a/src/components/PersonalHighscorePage.vue
+++ b/src/components/PersonalHighscorePage.vue
@@ -21,7 +21,7 @@
 
         <h4 class="el-spacing">Flasker vunnet:</h4>
 
-        <div v-for="win in winner.highscore" :key="win">
+        <div v-for="win in winner.highscore" :key="win._id">
           <router-link :to="winDateUrl(win.date)" class="days-ago">
             {{ humanReadableDate(win.date) }} - {{ daysAgo(win.date) }} dager siden
           </router-link>
diff --git a/src/ui/WineFooter.vue b/src/ui/Footer.vue
similarity index 100%
rename from src/ui/WineFooter.vue
rename to src/ui/Footer.vue
diff --git a/src/ui/Highscore.vue b/src/ui/Highscore.vue
index cc70fb9..dad0e7f 100644
--- a/src/ui/Highscore.vue
+++ b/src/ui/Highscore.vue
@@ -10,7 +10,7 @@
       </router-link>
     </section>
     <ol class="winner-list-container">
-      <li v-for="(person, index) in highscore" :key="person" class="single-winner">
+      <li v-for="(person, index) in highscore" :key="person._id" class="single-winner">
         <span class="placement">{{index + 1}}.</span>
         <i class="icon icon--medal"></i>
         <p class="winner-name">{{ person.name }}</p>
diff --git a/src/ui/TotalBought.vue b/src/ui/TotalBought.vue
index c6efa60..7b69dd5 100644
--- a/src/ui/TotalBought.vue
+++ b/src/ui/TotalBought.vue
@@ -2,7 +2,7 @@
   <section class="outer-bought">
     <h3>Loddstatistikk</h3>
 
-    <div class="total-ballots">
+    <div class="total-raffles">
         Totalt&nbsp;
         <span class="total">{{ total }}</span>
         &nbsp;kjøpte og&nbsp;
@@ -17,7 +17,7 @@
           color.name +
             '-container ' +
             color.name +
-            '-ballot ballot-element-local'
+            '-raffle raffle-element-local'
         "
         :key="color.name"
         >
@@ -49,7 +49,7 @@ export default {
       redPercentage: 0,
       yellowPercentage: 0,
       greenPercentage: 0,
-      bluePercentage: 0,
+      bluePercentage: 0
     };
   },
   async mounted() {
@@ -152,7 +152,7 @@ export default {
   }
 }
 
-.total-ballots {
+.total-raffles {
   display: flex;
 }
 
@@ -162,7 +162,7 @@ export default {
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   grid-gap: 50px;
 
-  .ballot-element-local {
+  .raffle-element-local {
     height: 250px;
     width: 100%;
     display: flex;
@@ -195,19 +195,19 @@ export default {
       margin-left: 15px;
     }
 
-    &.green-ballot {
+    &.green-raffle {
       background-color: $light-green;
     }
 
-    &.blue-ballot {
+    &.blue-raffle {
       background-color: $light-blue;
     }
 
-    &.yellow-ballot {
+    &.yellow-raffle {
       background-color: $light-yellow;
     }
 
-    &.red-ballot {
+    &.red-raffle {
       background-color: $light-red;
     }
   }