From fb7f4bf8159d1481f9e41316946b3f30b2c63685 Mon Sep 17 00:00:00 2001
From: Valentin Kaelin <kalanehd@gmail.com>
Date: Fri, 11 Oct 2019 21:46:35 +0200
Subject: [PATCH] refactor: remove old spinner loader

---
 client/package-lock.json                 |  6 ---
 client/package.json                      |  1 -
 client/src/components/SummonerLoader.vue | 49 ------------------------
 client/src/main.js                       |  2 -
 4 files changed, 58 deletions(-)

diff --git a/client/package-lock.json b/client/package-lock.json
index df919d0..528b6fa 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -11234,12 +11234,6 @@
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.0.6.tgz",
       "integrity": "sha512-Ox0ciFLswtSGRTHYhGvx2L44sVbTPNS+uD2kRISuo8B39Y79rOo0Kw0hzupTmiVtftQYCZl87mwldhh2L9Aquw=="
     },
-    "vue-spinner": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/vue-spinner/-/vue-spinner-1.0.3.tgz",
-      "integrity": "sha512-Phh6QC/Bh80ZE/0SH9ADw4irbRGwFK6VZsTksPHpPm16xga2OXwNC2nI7SEPnndUZP+Lgu1wu+pbH6i6+5siBQ==",
-      "dev": true
-    },
     "vue-style-loader": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.2.tgz",
diff --git a/client/package.json b/client/package.json
index fe5f2d8..58105c0 100644
--- a/client/package.json
+++ b/client/package.json
@@ -26,7 +26,6 @@
     "purgecss": "^1.3.0",
     "tailwindcss": "^1.0.4",
     "vue-awesome": "^3.5.4",
-    "vue-spinner": "^1.0.3",
     "vue-template-compiler": "^2.5.21"
   }
 }
diff --git a/client/src/components/SummonerLoader.vue b/client/src/components/SummonerLoader.vue
index f25ef31..756b714 100644
--- a/client/src/components/SummonerLoader.vue
+++ b/client/src/components/SummonerLoader.vue
@@ -223,52 +223,3 @@ export default {
   }
 }
 </script>
-
-<style scoped>
-.match-loading {
-  height: 144px;
-}
-
-/* LOADER */
-.loader {
-  position: relative;
-  overflow: hidden;
-
-  background-size: 100vw 296px;
-  /* background-image: linear-gradient(120deg, #EBEBEB 20%, #F8F8F8 28%, #EBEBEB 43%); */
-  background-image: linear-gradient(
-    120deg,
-    #2c5282 20%,
-    #2b6cb0 28%,
-    #2c5282 43%
-  );
-
-  animation-name: loadingAnimation;
-  animation-timing-function: linear;
-  animation-iteration-count: infinite;
-  animation-fill-mode: forwards;
-  animation-duration: 2s;
-}
-
-@keyframes loadingAnimation {
-  from {
-    background-position: -100vw 0px;
-  }
-  to {
-    background-position: 100vw 0px;
-  }
-}
-
-/* Items inside loader */
-.loader .item {
-  position: absolute;
-  background: #17314f;
-}
-
-.loader .item-1 {
-  left: 12px;
-  top: 0;
-  width: 10px;
-  height: 100%;
-}
-</style>
diff --git a/client/src/main.js b/client/src/main.js
index 612ef28..91b2032 100644
--- a/client/src/main.js
+++ b/client/src/main.js
@@ -1,6 +1,5 @@
 import Vue from 'vue'
 import VueAxios from './plugins/axios'
-import DotLoader from 'vue-spinner/src/DotLoader.vue'
 
 import '@/assets/css/main.css'
 import 'vue-awesome/icons'
@@ -15,7 +14,6 @@ Vue.config.productionTip = false
 Vue.use(VueAxios)
 
 Vue.component('v-icon', Icon)
-Vue.component('dot-loader', DotLoader)
 
 Vue.prototype.$patch = process.env.VUE_APP_PATCH