diff --git a/src/App.tsx b/src/App.tsx index 6debb03..0527f95 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -29,6 +29,8 @@ function App() { async function runSearch(nextQuery = query) { setError(null) + const trimmed = nextQuery.trim() + setSelectedStrong(/^[gh]\d+$/i.test(trimmed) ? trimmed.toUpperCase() : null) const results = await searchVerses(nextQuery) setVerses(results) setSelectedId(results[0]?.id ?? null) @@ -68,6 +70,7 @@ function App() { selectedVerse.strongs[0] ) }, [selectedStrong, selectedVerse]) + const visibleVerses = useMemo(() => verses.slice(0, 250), [verses]) function searchStrong(strong: string) { setQuery(strong) @@ -130,8 +133,10 @@ function App() {
-
{verses.length} verses
- {verses.map((verse) => ( +
+ {verses.length} verses{verses.length > visibleVerses.length ? `, showing ${visibleVerses.length}` : ''} +
+ {visibleVerses.map((verse) => (