From b7cb3d50f18955d251414dee8488fac5cc471278 Mon Sep 17 00:00:00 2001
From: sitegui <sitegui@sitegui.com.br>
Date: Fri, 5 Jan 2024 23:38:42 +0100
Subject: [PATCH] Remove LoadingBar (it was ugly)

---
 src/database.ts           |  9 ---------
 src/main.ts               | 12 +++---------
 src/views/SuggestView.vue |  4 ++++
 3 files changed, 7 insertions(+), 18 deletions(-)

diff --git a/src/database.ts b/src/database.ts
index 5c0a5b2..cc118a8 100644
--- a/src/database.ts
+++ b/src/database.ts
@@ -12,7 +12,6 @@ import {
 } from 'firebase/firestore'
 import type { Ref } from 'vue'
 import { ref } from 'vue'
-import { LoadingBar, Notify } from 'quasar'
 import { notifyError } from '@/helpers'
 
 /**
@@ -53,7 +52,6 @@ export class Database {
   }
 
   reloadGames() {
-    LoadingBar.start()
     this.games.value = []
 
     this._getGames()
@@ -63,13 +61,9 @@ export class Database {
       .catch((error) => {
         notifyError(error)
       })
-      .finally(() => {
-        LoadingBar.stop()
-      })
   }
 
   reloadTranslations() {
-    LoadingBar.start()
     this.translations.value = {
       categories: new Map(),
       mechanics: new Map()
@@ -82,9 +76,6 @@ export class Database {
       .catch((error) => {
         notifyError(error)
       })
-      .finally(() => {
-        LoadingBar.stop()
-      })
   }
 
   /**
diff --git a/src/main.ts b/src/main.ts
index d896863..56a078e 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -5,7 +5,7 @@ import 'quasar/src/css/index.sass'
 
 import App from './App.vue'
 import { createApp, type Ref, ref, watch } from 'vue'
-import { LoadingBar, Notify, Quasar } from 'quasar'
+import { Notify, Quasar } from 'quasar'
 import quasarLang from 'quasar/lang/fr'
 import { Database } from '@/database'
 import router from '@/router'
@@ -17,14 +17,8 @@ const app = createApp(App)
 
 app.use(router)
 app.use(Quasar, {
-  plugins: { Notify, LoadingBar },
-  lang: quasarLang,
-  config: {
-    loadingBar: {
-      size: '10px',
-      color: 'accent'
-    }
-  }
+  plugins: { Notify },
+  lang: quasarLang
 })
 
 const firebaseConfig = {
diff --git a/src/views/SuggestView.vue b/src/views/SuggestView.vue
index 60d60cf..4a84ebb 100644
--- a/src/views/SuggestView.vue
+++ b/src/views/SuggestView.vue
@@ -281,6 +281,10 @@ function addFavoriteGame(game: Game): void {
     </q-card>
   </div>
 
+  <div class="text-center" v-if="games.length === 0">
+    <q-spinner color="primary" size="5em" />
+  </div>
+
   <div class="q-ma-md" v-if="suggestionResults">
     <q-banner class="bg-secondary text-white" v-if="!suggestionResults.length">
       Aucun résultat n'a été trouvé. Essaye de changer les critères de la recherche