From cb505812c58516046b0bd34635e8f0c108d99924 Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Mon, 29 Mar 2021 14:59:00 +0200
Subject: [PATCH] / Fixed loader not appearing on favourites / celestials

---
 components/celestials/CelestialsList.vue | 6 +++---
 pages/favoris/index.vue                  | 9 ++++++++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/components/celestials/CelestialsList.vue b/components/celestials/CelestialsList.vue
index 91ee501..e57083b 100644
--- a/components/celestials/CelestialsList.vue
+++ b/components/celestials/CelestialsList.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="celestial-list-wrapper">
-    <div v-if="celestials">
-      <celestial-filters v-if="hasFilters && celestials.length > 0" @filter:celestials="filterCelestials" />
+    <div v-if="celestials.length > 0">
+      <celestial-filters v-if="hasFilters" @filter:celestials="filterCelestials" />
 
-      <ul v-if="celestials" class="celestial-list grid no-style">
+      <ul class="celestial-list grid no-style">
         <li
           v-for="(celestial, index) in sortedCelestials"
           :key="index"
diff --git a/pages/favoris/index.vue b/pages/favoris/index.vue
index 3630973..7be3931 100644
--- a/pages/favoris/index.vue
+++ b/pages/favoris/index.vue
@@ -7,7 +7,14 @@
         </h1>
       </header>
       <div class="section-content">
-        <celestials-list :celestials="favourites" />
+        <div v-if="favourites && favourites.length >= 1">
+          <celestials-list :celestials="favourites" />
+        </div>
+        <div v-else>
+          <h3 class="heading-3">
+            Vous n'avez aucun favori pour le moment.
+          </h3>
+        </div>
       </div>
     </main>
   </section>