From a44a2f5e2a42ddd165ba483b229bbe2af485a801 Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Fri, 21 May 2021 17:01:15 +0200
Subject: [PATCH] Use toast not alert for bingo genearte msg.

---
 frontend/Vinlottis.vue          | 11 +++--------
 frontend/ui/RaffleGenerator.vue |  2 +-
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/frontend/Vinlottis.vue b/frontend/Vinlottis.vue
index 40ae38a..0f468fb 100644
--- a/frontend/Vinlottis.vue
+++ b/frontend/Vinlottis.vue
@@ -1,14 +1,9 @@
 <template>
   <div class="app-container">
-    <banner :routes="routes"/>
+    <banner :routes="routes" />
     <router-view />
     <Footer />
-    <UpdateToast
-      v-if="showToast"
-      :text="toastText"
-      :refreshButton="refreshToast"
-      v-on:closeToast="closeToast"
-    />
+    <UpdateToast v-if="showToast" :text="toastText" :refreshButton="refreshToast" v-on:closeToast="closeToast" />
   </div>
 </template>
 
@@ -99,7 +94,7 @@ body {
   display: grid;
   grid-template-rows: 80px auto 100px;
 
-  .main-container{
+  .main-container {
     height: 100%;
     width: 100%;
   }
diff --git a/frontend/ui/RaffleGenerator.vue b/frontend/ui/RaffleGenerator.vue
index bf3679d..9d5c21c 100644
--- a/frontend/ui/RaffleGenerator.vue
+++ b/frontend/ui/RaffleGenerator.vue
@@ -102,7 +102,7 @@ export default {
         }
 
         if (new Set(this.colors).size == 1) {
-          alert("BINGO");
+          this.$toast.info({ title: "BINGO" });
         }
 
         this.emitColors();