RyderTech/the-bible
1
0
Fork 0
Code Issues Pull Requests Packages Activity

Improve all versions search UI - show version badges on results and fix footer grammar

Browse Source
This commit is contained in:
Ryderjj89
2025-09-29 11:06:00 -04:00
parent 74758cc284
commit b535a6f799
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/SearchComponent.tsx
View File

@@ -236,6 +236,11 @@ const SearchComponent: React.FC<SearchComponentProps> = ({
<span>Chapter {result.chapter}</span> <span>Chapter {result.chapter}</span>
<ChevronRight className="h-3 w-3 mx-1" /> <ChevronRight className="h-3 w-3 mx-1" />
<span>Verse {result.verse}</span> <span>Verse {result.verse}</span>
{(result as any).searchVersion && (
<span className="ml-2 text-xs bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 px-2 py-1 rounded">
{(result as any).searchVersion.toUpperCase()}
</span>
)}
</div> </div>
{/* Verse Text */} {/* Verse Text */}
@@ -276,7 +281,7 @@ const SearchComponent: React.FC<SearchComponentProps> = ({
{/* Footer */} {/* Footer */}
{results.length > 0 && ( {results.length > 0 && (
<div className="p-4 border-t border-gray-200 dark:border-gray-700 text-center text-sm text-gray-500 dark:text-gray-400"> <div className="p-4 border-t border-gray-200 dark:border-gray-700 text-center text-sm text-gray-500 dark:text-gray-400">
Found {results.length} result{results.length !== 1 ? 's' : ''} for "{query}" in {selectedVersion.toUpperCase()} Bible Found {results.length} result{results.length !== 1 ? 's' : ''} for "{query}" {selectedVersion === 'all' ? 'in all bibles' : `in the ${selectedVersion.toUpperCase()} Bible`}
</div> </div>
)} )}
</div> </div>