From 1383a310b3e04cc7ba049b5e6d056860fc5d8b71 Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Sun, 11 Oct 2020 12:27:01 +0200
Subject: [PATCH] Try get a smaller version of the wine image.

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

diff --git a/src/components/PersonalHighscorePage.vue b/src/components/PersonalHighscorePage.vue
index b6068cd..1d7b397 100644
--- a/src/components/PersonalHighscorePage.vue
+++ b/src/components/PersonalHighscorePage.vue
@@ -27,7 +27,7 @@
           </router-link>
           
           <div class="won-wine">
-            <img :src="win.wine.image">
+            <img :src="smallerWineImage(win.wine.image)">
 
             <div class="wine-details">
               <h3>{{ win.wine.name }}</h3>
@@ -71,6 +71,11 @@ export default {
       this.winner = winner
       this.winningColors = this.findWinningColors()
     },
+    smallerWineImage(image) {
+      if (image && image.includes(`515x515`))
+        return image.replace(`515x515`, `175x175`)
+      return image
+    },
     findWinningColors() {
       const colors = this.winner.highscore.map(win => win.color)
       const colorOccurences = {}