style update for hover

audioverse-org · Nov 28, 2024 · fd1d239 · fd1d239
1 parent 0ee5e55
commit fd1d239
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/organisms/passageNavigation.module.scss b/src/components/organisms/passageNavigation.module.scss
@@ -65,3 +65,7 @@
 	text-decoration: none;
 	color: $ts-salmon;
 }
+
+.books button:hover {
+	color: $ts-salmon;
+}
diff --git a/src/components/organisms/passageNavigation.tsx b/src/components/organisms/passageNavigation.tsx
@@ -41,20 +41,26 @@ export default function PassageNavigation(props: Props): JSX.Element {
 							{book === selectedBook ? (
 								<ul className={styles.chapters}>
 									{chapters?.map(({ title }) => {
+										console.log('title', title);
 										const n = title.split(' ').pop()?.padStart(2, '0') ?? '';
 										return (
 											<li key={title} className={styles.chapter}>
 												<Link
 													href={root
 														.lang(languageRoute)
 														.bibles.bookId(
-															getBookId(title, props.audiobibles) ?? '',
+															getBookId('Exodus', props.audiobibles) ?? '',
 														)
 														.chapterNumber(n)
 														.get()}
 												>
 													{n}
 												</Link>
+
+												{/*
+												example good link: /en/bibles/chapters/27015/exodus-1 
+												Current Linking: /en/bibles/20
+												*/}
 											</li>
 										);
 									})}