From 20245a8e77c579e0f36f51c6e9ba0cfc30748d77 Mon Sep 17 00:00:00 2001
From: Dan Ko <danko56666@gmail.com>
Date: Thu, 21 Sep 2023 12:50:49 -0400
Subject: [PATCH] disable link if user is not part of a voyage

---
 src/components/sidebar/VoyagePageButton.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/sidebar/VoyagePageButton.tsx b/src/components/sidebar/VoyagePageButton.tsx
index aa88075f..cceab51b 100644
--- 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)}