disable link if user is not part of a voyage

chingu-x · Sep 21, 2023 · 20245a8 · 20245a8
1 parent 9c002c3
commit 20245a8
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/sidebar/VoyagePageButton.tsx b/src/components/sidebar/VoyagePageButton.tsx
@@ -40,11 +40,11 @@ export default function VoyagePageButton({
 
   return (
     <li className="h-7">
-      <Link href={element.link}>
+      <Link href={isVoyageStarted ? element.link : "#"} >
         <Button
           title={element.name}
           customClassName={`bg-transparent hover:bg-transparent w-[9.375rem] h-[1.1875rem] min-h-0 mb-2.5 flex justify-start ${
-            isVoyageStarted ? "pl-11" : "pl-6"
+            isVoyageStarted ? "pl-11" : "pl-6 pointer-events-none"
           } text-neutral-focus capitalize border-none relative`}
           onMouseEnter={() => setHoveredButton(element.link)}
           onMouseLeave={() => setHoveredButton(null)}