diff --git a/frontend/src/components/SearchComponent.tsx b/frontend/src/components/SearchComponent.tsx index e548a6e2..e65f08a6 100644 --- a/frontend/src/components/SearchComponent.tsx +++ b/frontend/src/components/SearchComponent.tsx @@ -77,7 +77,9 @@ const SearchComponent: React.FC = ({ // Handle result click const handleResultClick = (result: SearchResult) => { const urlBookName = getBookUrlName(formatBookName(result.book)); - navigate(`/book/${urlBookName}/chapter/${result.chapter}`); + // Navigate to chapter with verse hash to scroll directly to the verse + const url = `/book/${urlBookName}/chapter/${result.chapter}#verse-${result.verse}`; + navigate(url); if (onClose) onClose(); };