Remove LoadingBar (it was ugly)

les-conjures-du-temporel · Jan 5, 2024 · b7cb3d5 · b7cb3d5
1 parent 9c3ad4a
commit b7cb3d5
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 18 deletions.
diff --git 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
@@ -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
@@ -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