From a0ceb900be26e748e45c63f9859bd021eaf49bab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?No=C3=A9=20Viricel?= <noe.viricel@wazo-lab.io>
Date: Mon, 9 Dec 2024 15:31:54 +0100
Subject: [PATCH] feat: add empty state on loChaList #114

---
 components/LoChaList.vue         | 13 ++++++++++++-
 locales/en.js                    |  3 +++
 locales/es.js                    |  3 +++
 locales/fr.js                    |  3 +++
 pages/[project]/changes_logs.vue |  1 -
 5 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/components/LoChaList.vue b/components/LoChaList.vue
index bb3ee59..2b9c36f 100644
--- a/components/LoChaList.vue
+++ b/components/LoChaList.vue
@@ -36,7 +36,7 @@ function scrollLoad() {
 </script>
 
 <template>
-  <div>
+  <div v-if="loChas.length">
     <el-space v-infinite-scroll="scrollLoad" fill :size="20">
       <lo-cha-item
         v-for="(loCha, index) in lazyLoChas"
@@ -50,4 +50,15 @@ function scrollLoad() {
 
     <iframe name="hidden_josm_target" style="display: none" />
   </div>
+  <el-empty
+    v-else
+    :description="$t('loChas.noData')"
+    :image-size="50"
+  >
+    <nuxt-link to="/">
+      <el-button type="info">
+        {{ $t('app.back') }}
+      </el-button>
+    </nuxt-link>
+  </el-empty>
 </template>
diff --git a/locales/en.js b/locales/en.js
index 36f1ab1..4b76b6e 100644
--- a/locales/en.js
+++ b/locales/en.js
@@ -38,6 +38,9 @@ export default {
     tags_more: '(and more)',
     validate_selection: 'Validate all filtered',
   },
+  loChas: {
+    noData: 'No group of data',
+  },
   project: {
     control: 'Control',
     details: 'Details',
diff --git a/locales/es.js b/locales/es.js
index 9258c78..3fb7015 100644
--- a/locales/es.js
+++ b/locales/es.js
@@ -38,6 +38,9 @@ export default {
     tags_more: '(y mas)',
     validate_selection: 'Validar objetos filtrados',
   },
+  loChas: {
+    noData: 'Ningún grupo de datos',
+  },
   project: {
     control: 'Control',
     details: 'Detalle',
diff --git a/locales/fr.js b/locales/fr.js
index 25d1d48..357da1c 100644
--- a/locales/fr.js
+++ b/locales/fr.js
@@ -38,6 +38,9 @@ export default {
     tags_more: '(et plus)',
     validate_selection: 'Valider les objets filtrés',
   },
+  loChas: {
+    noData: 'Aucun groupe de données',
+  },
   project: {
     control: 'Contrôle',
     details: 'Détails',
diff --git a/pages/[project]/changes_logs.vue b/pages/[project]/changes_logs.vue
index b1a8ebe..1c6c4d3 100644
--- a/pages/[project]/changes_logs.vue
+++ b/pages/[project]/changes_logs.vue
@@ -181,7 +181,6 @@ function matchFilterBySelectors(selectors: string[]) {
       <li>{{ $t('logs.data_details_manual') }}</li>
     </ul>
     <lo-cha-list
-      v-if="loChas?.length"
       :project-slug="projectSlug"
       :lo-chas="loChasWithFilter"
       @accept="handleAccept([$event])"