diff --git a/ghost/sodo-search/src/components/PopupModal.js b/ghost/sodo-search/src/components/PopupModal.js index f16d0ee731..c95dd18642 100644 --- a/ghost/sodo-search/src/components/PopupModal.js +++ b/ghost/sodo-search/src/components/PopupModal.js @@ -160,14 +160,7 @@ function TagListItem({title}) { } function TagResults({tags}) { - const {searchValue = ''} = useContext(AppContext); - const filteredTags = tags.filter((d) => { - return d.title?.toLowerCase().includes(searchValue?.toLowerCase()); - }); - if (!filteredTags?.length) { - return null; - } - const TagItems = filteredTags.map((d) => { + const TagItems = tags.map((d) => { return ( { - return d.title?.toLowerCase().includes(searchValue.toLowerCase()) || d.excerpt?.toLowerCase().includes(searchValue?.toLowerCase()); - }); - if (!filteredPosts?.length) { - return null; - } - - const PostItems = filteredPosts.map((d) => { + const PostItems = posts.map((d) => { return ( { - return d.name?.toLowerCase().includes(searchValue?.toLowerCase()); - }); - if (!filteredAuthors?.length) { + if (!authors?.length) { return null; } - const AuthorItems = filteredAuthors.map((d) => { + const AuthorItems = authors.map((d) => { return ( { + return d.title?.toLowerCase().includes(searchValue?.toLowerCase()); + }); + + const filteredPosts = postsData.filter((d) => { + return d.title?.toLowerCase().includes(searchValue.toLowerCase()) || d.excerpt?.toLowerCase().includes(searchValue?.toLowerCase()); + }); + + const filteredAuthors = authorsData.filter((d) => { + return d.name?.toLowerCase().includes(searchValue?.toLowerCase()); + }); + + const hasResults = filteredPosts?.length || filteredAuthors?.length || filteredTags?.length; + if (hasResults) { return ( - + ); }