From bf0e3e3d36e2ceae2a6e085c5f13932611553057 Mon Sep 17 00:00:00 2001
From: Nathan Arthur <nathan@nathanarthur.com>
Date: Tue, 31 Dec 2024 10:16:49 -0500
Subject: [PATCH] change passage nav hat pointer conditionally

---
 src/components/organisms/passageNavigation/index.module.scss | 5 ++++-
 src/components/organisms/passageNavigation/index.tsx         | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/organisms/passageNavigation/index.module.scss b/src/components/organisms/passageNavigation/index.module.scss
index ccfd644a5..313b492cc 100644
--- a/src/components/organisms/passageNavigation/index.module.scss
+++ b/src/components/organisms/passageNavigation/index.module.scss
@@ -21,7 +21,6 @@
 	gap: 10px;
 	align-items: center;
 	justify-content: space-between;
-	cursor: pointer;
 
 	h6 {
 		margin: 0;
@@ -30,6 +29,10 @@
 	}
 }
 
+.hasChildren .hat {
+	cursor: pointer;
+}
+
 .dropdownButton {
 	text-decoration: none;
 	font-size: 10px;
diff --git a/src/components/organisms/passageNavigation/index.tsx b/src/components/organisms/passageNavigation/index.tsx
index 2d0e3a9dd..cdf7b9f48 100644
--- a/src/components/organisms/passageNavigation/index.tsx
+++ b/src/components/organisms/passageNavigation/index.tsx
@@ -84,7 +84,7 @@ export default function PassageNavigation({
 	}, [chapter]);
 
 	return (
-		<div className={styles.base}>
+		<div className={clsx(styles.base, { [styles.hasChildren]: !!children })}>
 			<div className={styles.hat} onClick={() => setOpen(!open)}>
 				<BibleVersionTypeLockup unpadded label={chapter?.title || 'Bible'} />
 				<Dropdown