Added lazy loading support

This commit is contained in:
Daniel
2022-05-27 17:33:01 +04:30
parent 5b617c85e3
commit e42971cd03
5 changed files with 62 additions and 93 deletions
+2 -2
View File
@@ -17,7 +17,7 @@ function App() {
function search(e) {
setSearchQuery(e.target.value);
}
// setNumberOfResults(filteredData.length);
const filteredData = data.filter((e) => {
return (e.name.toLowerCase().includes(searchQuery.toLowerCase()) || e.title.toLowerCase().includes(searchQuery.toLowerCase()) || e.tag.toLowerCase().includes(searchQuery.toLowerCase()))
});
@@ -44,7 +44,7 @@ function App() {
<input className="search" type="search" placeholder="&#xf002; Search for Name / Title / Tag" onChange={search}/>
<button className="add-btn" onClick={() => setIsAdding(true)}>&#xf067;</button>
</div>
<p className="results">{numberOfResults > 0 ? numberOfResults + ' Bookmarks found' : 'Nothing found.'}</p>
<p className="results">{numberOfResults > 0 ? numberOfResults + ' Bookmarks' : 'No bookmarks.'}</p>
<List data={filteredData} reFetch={fetchData} />
{isAdding ? <AddModal onExit={exitAdding} reFetch={fetchData} /> : null}
</div>