mikeconrad/openbibleapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add anchors for verses.

Browse Source
This commit is contained in:
Mike Conrad
2024-10-20 19:28:32 -04:00
parent cbb60deaf5
commit 16804b8cfd
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/Home/index.tsx
View File

@ -1,6 +1,6 @@
import './style.css'; import './style.css';
import bible from '../../nkjvbible'; import bible from '../../nkjvbible';
import { useState } from 'preact/hooks'; import { Dispatch, StateUpdater, useState } from 'preact/hooks';
export function Verses(chapter) { export function Verses(chapter) {
@ -18,7 +18,7 @@ export function Home({book, setBook}: {book: string, setBook: Dispatch<StateUpda
<h1 style={{ color: "#A2D2DF"}}>{book}</h1> <h1 style={{ color: "#A2D2DF"}}>{book}</h1>
<section> <section>
{bible.find(a => a.name == book).chapters[chapter].verses.map(verse => ( {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} <strong>{verse.num}</strong>: {verse.text}
</p> </p>
))} ))}