From 36dcd592947882b6feb5b50f8b74d3681706a95f Mon Sep 17 00:00:00 2001
From: nickbristow <richard.nick.bristow@gmail.com>
Date: Wed, 11 Dec 2024 13:43:40 -0500
Subject: [PATCH] debug

---
 src/app/components/SideNav/SideNav.tsx | 37 ++++++++++++++++++--------
 1 file changed, 26 insertions(+), 11 deletions(-)

diff --git a/src/app/components/SideNav/SideNav.tsx b/src/app/components/SideNav/SideNav.tsx
index 2ea1fa4..9f4de7e 100644
--- a/src/app/components/SideNav/SideNav.tsx
+++ b/src/app/components/SideNav/SideNav.tsx
@@ -49,17 +49,32 @@ export const SideNav = ({ sections }: SideNavProps) => {
   }, [sections]);
 
   return (
-    <UswdsSideNav
-      items={sections.map(({ title, id }) => (
-        <NavItem
-          title={title}
-          id={id}
-          key={id}
-          selectedHash={selectedHash}
-          setSelectedHash={setSelectedHash}
-        />
-      ))}
-    />
+    <>
+      <div
+        id="detection-zone"
+        style={{
+          position: 'fixed',
+          top: '20%',
+          bottom: '70%',
+          left: 0,
+          right: 0,
+          backgroundColor: 'rgba(255, 0, 0, 0.2)',
+          pointerEvents: 'none',
+          zIndex: 9999,
+        }}
+      />
+      <UswdsSideNav
+        items={sections.map(({ title, id }) => (
+          <NavItem
+            title={title}
+            id={id}
+            key={id}
+            selectedHash={selectedHash}
+            setSelectedHash={setSelectedHash}
+          />
+        ))}
+      />
+    </>
   );
 };