From 16804b8cfd73330b01a9089f49fbaf97da14f907 Mon Sep 17 00:00:00 2001
From: Mike Conrad <mike@enxo.co>
Date: Sun, 20 Oct 2024 19:28:32 -0400
Subject: [PATCH] Add anchors for verses.

---
 src/pages/Home/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
index 8aaec7b..f2ccb43 100644
--- a/src/pages/Home/index.tsx
+++ b/src/pages/Home/index.tsx
@@ -1,6 +1,6 @@
 import './style.css';
 import bible from '../../nkjvbible';
-import { useState } from 'preact/hooks';
+import { Dispatch, StateUpdater, useState } from 'preact/hooks';
 
 export function Verses(chapter) {
 
@@ -18,7 +18,7 @@ export function Home({book, setBook}: {book: string, setBook: Dispatch<StateUpda
 			<h1 style={{ color: "#A2D2DF"}}>{book}</h1>
 			<section>
 				{bible.find(a => a.name == book).chapters[chapter].verses.map(verse => (
-					<p style={{ textAlign: 'left', margin: '0px 0px' }}>
+					<p style={{ textAlign: 'left', margin: '0px 0px' }} id={`${book}-${chapter}-${verse.num}`} key={`${book}-${chapter}-${verse.num}`}>
 						<strong>{verse.num}</strong>: {verse.text}
 					</p>
 				))}