change passage nav hat pointer conditionally

audioverse-org · Dec 31, 2024 · bf0e3e3 · bf0e3e3
1 parent c340d03
commit bf0e3e3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git 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
@@ -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