From e6f64a6a97187005f1045f9f39d16a7341e622b3 Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Mon, 30 Jun 2025 09:40:50 +0100
Subject: [PATCH] allow annotation navigation disabling

---
 dicom-viewer/src/App.tsx | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/dicom-viewer/src/App.tsx b/dicom-viewer/src/App.tsx
index 2ac5a02..6e34425 100644
--- a/dicom-viewer/src/App.tsx
+++ b/dicom-viewer/src/App.tsx
@@ -166,6 +166,7 @@ function App({ container_id, imageStacks, autoCacheStack, annotationJson, viewer
 
   const restoringStateRef = useRef(false);
 
+  const [annotationNavEnabled, setAnnotationNavEnabled] = useState(true);
 
   const [availableStacks, setAvailableStacks] = useState<StackEntry[]>([]);
   const [activeViewport, setActiveViewport] = useState<number | null>(0);
@@ -2177,7 +2178,7 @@ function App({ container_id, imageStacks, autoCacheStack, annotationJson, viewer
             </span>
           )}
         </button>
-        {viewportModes[i] === "stack" && (() => {
+        {viewportModes[i] === "stack" && annotationNavEnabled && (() => {
           // Get all annotations for this stack
           const imageIds = viewportImageIds[i];
           const allAnnotations = cornerstoneTools.annotation.state.getAllAnnotations() || [];
@@ -3079,6 +3080,23 @@ function App({ container_id, imageStacks, autoCacheStack, annotationJson, viewer
                   ? "Disable Alt Key for Reference Cursors"
                   : "Enable Alt Key for Reference Cursors"}
               </button>
+      <button
+        style={{
+          padding: "10px 18px",
+          background: annotationNavEnabled ? "#1976d2" : "#333",
+          color: "#fff",
+          border: "none",
+          borderRadius: "4px",
+          fontWeight: "bold",
+          cursor: "pointer",
+          fontSize: "15px",
+          marginBottom: "18px",
+          width: "100%",
+        }}
+        onClick={() => setAnnotationNavEnabled((prev) => !prev)}
+      >
+        {annotationNavEnabled ? "Hide" : "Show"} Annotation Navigation
+      </button>
               {/* Add more menu items here if needed */}
 
             </div>