Fixed search

src/Home.tsx

@@ -1,8 +1,7 @@
 import { useCallback, useEffect, useState } from 'react'
 import { Link } from 'react-router-dom'
 import CandleCanvas from './Candle'
-import { type Verse } from './bible'
-import { daySeed, loadKJV, msUntilRollover, pickForDay } from './verse'
+import { daySeed, loadKJV, msUntilRollover, pickForDay, type DailyVerse } from './verse'
 
 type Phase = 'sealed' | 'revealing' | 'revealed'
 
@@ -16,7 +15,7 @@ function formatCountdown(ms: number): string {
 
 export default function Home() {
   const [phase, setPhase] = useState<Phase>('sealed')
-  const [verse, setVerse] = useState<Verse | null>(null)
+  const [verse, setVerse] = useState<DailyVerse | null>(null)
   const [countdown, setCountdown] = useState('')
   const [error, setError] = useState(false)
 
@@ -92,7 +91,10 @@ export default function Home() {
             <div className="verse">
               <p className="verse-text">{verse.text}</p>
               <p className="verse-ref">
-                — <Link to={`/read/${verse.reference.split(' ')[0]}/1`}>{verse.reference}</Link>
+                —{' '}
+                <Link to={`/read/${encodeURIComponent(verse.book)}/${verse.chapter}#v${verse.verse}`}>
+                  {verse.reference}
+                </Link>
               </p>
             </div>
           </section>