From b01fa95c7793bb3117901e264c1ff42c63b99b82 Mon Sep 17 00:00:00 2001
From: Ryderjj89 <raiden89@live.com>
Date: Sun, 28 Sep 2025 18:17:10 -0400
Subject: [PATCH] Fixed BibleReader search box to use modal instead of homepage
 navigation

- Added onSearchClick prop to BibleReader interface and component
- Updated App.tsx to pass onSearchClick callback to BibleReader
- Removed hardcoded homepage navigation from search bar click
- Search box now properly opens search modal on verses page
- Consistent search behavior across all pages

BibleReader search functionality now matches all other pages!
---
 frontend/src/App.tsx                    | 1 +
 frontend/src/components/BibleReader.tsx | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 36f9b4e9..ea1e190e 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -368,6 +368,7 @@ function App() {
         user={user}
         onFavoriteChange={handleFavoriteChange}
         version={selectedVersion}
+        onSearchClick={() => setShowSearch(true)}
       />
     );
   };
diff --git a/frontend/src/components/BibleReader.tsx b/frontend/src/components/BibleReader.tsx
index f4ab18d8..b2237196 100644
--- a/frontend/src/components/BibleReader.tsx
+++ b/frontend/src/components/BibleReader.tsx
@@ -10,9 +10,10 @@ interface BibleReaderProps {
   user?: any;
   onFavoriteChange?: () => void;
   version?: string;
+  onSearchClick?: () => void;
 }
 
-const BibleReader: React.FC<BibleReaderProps> = ({ book, chapter, onBack, formatBookName, user, onFavoriteChange, version = 'esv' }) => {
+const BibleReader: React.FC<BibleReaderProps> = ({ book, chapter, onBack, formatBookName, user, onFavoriteChange, version = 'esv', onSearchClick }) => {
   const [content, setContent] = useState<string>('');
   const [loading, setLoading] = useState(true);
   const [chapters, setChapters] = useState<string[]>([]);
@@ -309,7 +310,7 @@ const BibleReader: React.FC<BibleReaderProps> = ({ book, chapter, onBack, format
             type="text"
             placeholder="Search for verses, words, or phrases..."
             className="w-full pl-10 pr-4 py-3 text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-lg shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-            onClick={() => window.location.href = '/?show-search=true'}
+            onClick={onSearchClick}
             readOnly
           />
           <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-5 w-5 text-gray-400" />