Don't show Get the book menu on Coming soon books

For: openstax/openstax.org#2359
openstax · Oct 23, 2023 · beadd83 · beadd83
1 parent 667a45e
commit beadd83
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/src/app/components/book-tile/book-tile.js b/src/app/components/book-tile/book-tile.js
@@ -150,7 +150,7 @@ function useBookInfo(id) {
 }
 
 export default function BookTile({ book: [book] }) {
-    const { coverUrl, title, slug } = book;
+    const { coverUrl, title, slug, bookState } = book;
     const info = useBookInfo(book.id);
     const comingSoon = info?.book_state === 'coming_soon';
     const assignable = info?.assignable_book === true;
@@ -165,7 +165,13 @@ export default function BookTile({ book: [book] }) {
             <div className="text-block">
                 <a href={`/details/${slug}`}>{title}</a>
             </div>
-            <GetTheBookDropdown bookInfo={book} />
+            {
+                bookState === 'coming_soon' ?
+                    <div className='navmenu'>
+                        <button type='button' disabled>Coming soon</button>
+                    </div> :
+                    <GetTheBookDropdown bookInfo={book} />
+            }
         </div>
     );
 }
diff --git a/src/app/components/book-tile/book-tile.scss b/src/app/components/book-tile/book-tile.scss
@@ -44,6 +44,11 @@
             justify-content: space-between;
             padding: 0 $normal-margin;
             width: 100%;
+
+            &[disabled] {
+                font-style: italic;
+                pointer-events: none;
+            }
         }
 
         [role="menu"] {