feat(lists): handle empty search list (#468)

checkmarble · Jun 7, 2024 · 13dbe39 · 13dbe39
1 parent 6c79367
commit 13dbe39
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/app-builder/public/locales/en/lists.json b/packages/app-builder/public/locales/en/lists.json
@@ -9,6 +9,7 @@
   "show_less": "show less",
   "empty_custom_lists_list": "You do not have any list. Add your first one to see it here.",
   "empty_custom_list_values_list": "This list is empty. Add its first value to see it here.",
+  "empty_custom_list_matches": "No value matches your search.",
   "create_list.title": "New List",
   "create_list.name_placeholder": "Add a name to your list",
   "create_list.description_placeholder": "Add a description",

diff --git a/packages/app-builder/src/routes/_builder+/lists+/$listId.tsx b/packages/app-builder/src/routes/_builder+/lists+/$listId.tsx
@@ -141,7 +141,9 @@ export default function Lists() {
           {virtualTable.isEmpty ? (
             <div className="bg-grey-00 border-grey-10 flex h-28 max-w-3xl flex-col items-center justify-center rounded-lg border border-solid p-4">
               <p className="text-s font-medium">
-                {t('lists:empty_custom_list_values_list')}
+                {listValues.length > 0
+                  ? t('lists:empty_custom_list_matches')
+                  : t('lists:empty_custom_list_values_list')}
               </p>
             </div>
           ) : (