From dd82791aa3faaf370fd5189fcc47748f994d4429 Mon Sep 17 00:00:00 2001
From: Ryderjj89 <raiden89@live.com>
Date: Sun, 28 Sep 2025 16:07:53 -0400
Subject: [PATCH] Fixed missing onSearchClick prop destructuring in
 ChapterSelector

- **Destructured onSearchClick**: Added to props in ChapterSelector component
- **Prop passthrough**: Added onSearchClick={() => setShowSearch(true)} to ChapterSelector call in App.tsx
- **Build fix**: Resolved TS error preventing Docker build success
- **Search infrastructure**: Ready for ChapterSelector search bar implementation if needed later

Docker build will now succeed!
---
 frontend/src/App.tsx                        | 1 +
 frontend/src/components/ChapterSelector.tsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 70d2b43a..025571f8 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -328,6 +328,7 @@ function App() {
         user={user}
         onFavoriteChange={handleFavoriteChange}
         version={versionId}
+        onSearchClick={() => setShowSearch(true)}
       />
     );
   };
diff --git a/frontend/src/components/ChapterSelector.tsx b/frontend/src/components/ChapterSelector.tsx
index 0a39d8a7..9876c072 100644
--- a/frontend/src/components/ChapterSelector.tsx
+++ b/frontend/src/components/ChapterSelector.tsx
@@ -13,7 +13,7 @@ interface ChapterSelectorProps {
   onSearchClick?: () => void;
 }
 
-const ChapterSelector: React.FC<ChapterSelectorProps> = ({ book, onChapterSelect, onBack, formatBookName, user, onFavoriteChange, version = 'esv' }) => {
+const ChapterSelector: React.FC<ChapterSelectorProps> = ({ book, onChapterSelect, onBack, formatBookName, user, onFavoriteChange, version = 'esv', onSearchClick }) => {
   const [chapters, setChapters] = useState<string[]>([]);
   const [loading, setLoading] = useState(true);
   const [favorites, setFavorites] = useState<Set<string>>(new Set());