remove history and search from passage nav hat

package.json

@@ -43,7 +43,6 @@
         "@silvermine/videojs-chromecast": "^1.5.0",
         "@tanstack/react-query": "^5.56.2",
         "@tanstack/react-query-devtools": "^5.56.2",
-        "caniuse-lite": "^1.0.30001689",
         "clsx": "^2.1.1",
         "cookie": "^0.7.0",
         "dayjs": "^1.11.13",

src/components/organisms/passageNavigation/index.module.scss

@@ -19,17 +19,14 @@
 	color: var(--bibleHatTextColor, --bibleTextColor);
 	gap: 10px;
 	align-items: center;
+	justify-content: space-between;
 
 	h4 {
 		margin: 0;
 		font-size: 16px;
 	}
 }
 
-.historyButton {
-	margin-left: auto;
-}
-
 .dropdownButton {
 	text-decoration: none;
 }
@@ -64,11 +61,11 @@
 	padding: 18px 0px;
 }
 
-.content .books > li:first-child button {
+.content .books>li:first-child button {
 	padding-top: 16px;
 }
 
-.content .books > li:last-child button {
+.content .books>li:last-child button {
 	padding-bottom: 16px;
 }
 
@@ -88,11 +85,11 @@
 	list-style-type: none;
 }
 
-.content :global(.active) > button {
+.content :global(.active)>button {
 	color: $ts-salmon;
 }
 
-.switch > :global(button.active) {
+.switch> :global(button.active) {
 	color: $ts-salmon;
 }
 
@@ -135,7 +132,7 @@
 	color: $ts-salmon;
 }
 
-.switch > button {
+.switch>button {
 	color: $ts-lightTone;
 	font-weight: 700;
 	font-size: 12px;
@@ -156,4 +153,4 @@
 .books.grid .book {
 	width: 16%;
 	display: inline-block;
-}
+}

src/components/organisms/passageNavigation/index.tsx

@@ -3,13 +3,11 @@ import React, { ReactNode, useEffect, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
 import IconDisclosure from '~public/img/icons/icon-disclosure.svg';
-import IconSearch from '~public/img/icons/icon-search.svg';
 import BibleVersionTypeLockup from '~src/components/molecules/bibleVersionTypeLockup';
 import Button from '~src/components/molecules/button';
 import Dropdown from '~src/components/molecules/dropdown';
-import IconButton from '~src/components/molecules/iconButton';
 import { GetAudiobibleIndexDataQuery } from '~src/containers/bible/__generated__';
-import { BaseColors, BIBLE_BOOKS } from '~src/lib/constants';
+import { BIBLE_BOOKS } from '~src/lib/constants';
 import { getBibleAcronym } from '~src/lib/getBibleAcronym';
 import { useLocalStorage } from '~src/lib/hooks/useLocalStorage';
 
@@ -85,9 +83,6 @@ export default function PassageNavigation({
 		<div className={styles.base}>
 			<div className={styles.hat} onClick={() => setOpen(!open)}>
 				<BibleVersionTypeLockup unpadded label={chapter?.title || 'Bible'} />
-				<a className={styles.historyButton} href="https://www.example.com">
-					<FormattedMessage id="bibles__history" defaultMessage="History" />
-				</a>
 				<Dropdown
 					id="booksMenu"
 					trigger={(props) => (
@@ -117,14 +112,6 @@ export default function PassageNavigation({
 						</div>
 					)}
 				</Dropdown>
-				<IconButton
-					Icon={IconSearch}
-					onClick={function (): void {
-						throw new Error('Function not implemented.');
-					}}
-					color={BaseColors.WHITE}
-					backgroundColor={BaseColors.DARK}
-				/>
 			</div>
 
 			{open || !children ? (