From b535a6f799be2c7f51895dd8d4febaad36a0734a Mon Sep 17 00:00:00 2001
From: Ryderjj89 <raiden89@live.com>
Date: Mon, 29 Sep 2025 11:06:00 -0400
Subject: [PATCH] Improve all versions search UI - show version badges on
 results and fix footer grammar

---
 frontend/src/components/SearchComponent.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/SearchComponent.tsx b/frontend/src/components/SearchComponent.tsx
index 7037b357..e1bb6941 100644
--- a/frontend/src/components/SearchComponent.tsx
+++ b/frontend/src/components/SearchComponent.tsx
@@ -236,6 +236,11 @@ const SearchComponent: React.FC<SearchComponentProps> = ({
                     <span>Chapter {result.chapter}</span>
                     <ChevronRight className="h-3 w-3 mx-1" />
                     <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>
 
                   {/* Verse Text */}
@@ -276,7 +281,7 @@ const SearchComponent: React.FC<SearchComponentProps> = ({
         {/* Footer */}
         {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">
-            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>