feat: show empty state when no pages where found

Closes #6
gearsdigital · Jan 22, 2020 · 807936d · 807936d
1 parent 5d7980e
commit 807936d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/index.js b/index.js
diff --git a/index.php b/index.php
@@ -25,10 +25,12 @@
         'en' => [
             'gearsdigital.enhanced-toolbar-link-dialog.internal' => 'Internal Link',
             'gearsdigital.enhanced-toolbar-link-dialog.external' => 'External Link',
+            'gearsdigital.enhanced-toolbar-link-dialog.empty' => 'No pages found',
         ],
         'de' => [
             'gearsdigital.enhanced-toolbar-link-dialog.internal' => 'Interner Link',
             'gearsdigital.enhanced-toolbar-link-dialog.external' => 'Externer Link',
+            'gearsdigital.enhanced-toolbar-link-dialog.empty' => 'Keine Seiten gefunden.',
         ],
     ],
 ]);
diff --git a/src/components/EnhancedToolbarLinkDialog.vue b/src/components/EnhancedToolbarLinkDialog.vue
@@ -42,7 +42,7 @@
         icon="search"
       />
 
-      <k-list>
+      <k-list v-if="pages.length > 0">
         <k-list-item
           v-for="page in pages"
           :key="page.id"
@@ -68,6 +68,9 @@
           </template>
         </k-list-item>
       </k-list>
+      <k-text v-else>
+        {{$t('gearsdigital.enhanced-toolbar-link-dialog.empty')}}
+      </k-text>
 
       <k-pagination
         :details="true"