From 397de7b3b604d29283a68e9eeb80d566acd9db81 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kevin=20Midb=C3=B8e?= <kevin.midboe@gmail.com>
Date: Fri, 24 Jan 2020 14:50:37 +0100
Subject: [PATCH] Vipps with qr amount

---
 src/components/GeneratePage.vue | 2 +-
 src/ui/Vipps.vue                | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/GeneratePage.vue b/src/components/GeneratePage.vue
index 4e22fd8..352efd8 100644
--- a/src/components/GeneratePage.vue
+++ b/src/components/GeneratePage.vue
@@ -53,7 +53,7 @@
       ></div>
     </div>
 
-    <Vipps class="vipps" />
+    <Vipps class="vipps" :amount="numberOfBallots" />
     <Countdown :hardEnable="hardStart" @countdown="changeEnabled" />
   </div>
 </template>
diff --git a/src/ui/Vipps.vue b/src/ui/Vipps.vue
index 0da8011..a399176 100644
--- a/src/ui/Vipps.vue
+++ b/src/ui/Vipps.vue
@@ -3,7 +3,7 @@
       <img src="/public/assets/images/vipps-logo.svg" class="vipps-logo" />
       <span>
         kr.
-        <span class="big-money">10,-</span> pr. lodd
+        <span class="big-money">{{ amount * 10 }},-</span> pr. lodd
       </span>
       <img src="/public/assets/images/vipps-qr.png" class="qr-logo" />
       <span class="phone-number">977 40 427</span>
@@ -14,9 +14,12 @@
 
 <script>
 export default {
+  props: {
+    amount: Number
+  },
   methods: {
     openVipps: () => {
-      window.location.assign('https://qr.vipps.no/28/2/01/031/4797740427?v=1')
+      window.location.assign('https://qr.vipps.no/28/2/01/031/4797740427?v=1&m=Vinlotteri🍾&a=' + 100 * amount)
     }
   }
 }