feat: add empty state on loChaList #114

teritorio · Dec 9, 2024 · a0ceb90 · a0ceb90
1 parent 4ea504b
commit a0ceb90
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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])"