jsnbuchanan/crowd-funder-for-time-pwa
1
0
Fork 1
forked from trent_larson/crowd-funder-for-time-pwa
Code Issues Pull Requests Projects Releases Wiki Activity

feat(EntityGrid): display no results message for empty search queries

Browse Source 
Add contextual feedback message when a search term is entered but no matching entities are found. The message dynamically adjusts its wording based on whether searching for people or projects.
This commit is contained in:
Jose Olarte III
2025-10-31 18:34:54 +08:00
parent 75c89b471c
commit 10f2920e11
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/EntityGrid.vue
View File

@@ -33,6 +33,15 @@ projects, and special entities with selection. * * @author Matthew Raymer */
</button> </button>
</div> </div>
<div
v-if="searchTerm && !isSearching && filteredEntities.length === 0"
class="mb-4 text-sm italic text-slate-500 text-center"
>
“{{ searchTerm }}” doesn't match any
{{ entityType === "people" ? "people" : "projects" }}. Try a different
search.
</div>
<ul class="border-t border-slate-300 mb-4 max-h-[60vh] overflow-y-auto"> <ul class="border-t border-slate-300 mb-4 max-h-[60vh] overflow-y-auto">
<!-- Special entities (You, Unnamed) for people grids --> <!-- Special entities (You, Unnamed) for people grids -->
<template v-if="entityType === 'people'"> <template v-if="entityType === 'people'">