From 5e2364334f95af60db760d80d3033a6c675cb6b2 Mon Sep 17 00:00:00 2001
From: "Daniel S. Hansen" <dshansen@contractor.usgs.gov>
Date: Wed, 13 Aug 2025 12:27:47 -0700
Subject: [PATCH] Prevent Tooltip from displaying when Sidebar toggles between
 The Home sidebar and the Personal sidebar while closed

---
 .../Canvas/CanvasComponents/Tooltip.jsx        |  2 +-
 client/src/components/Sidebar/Sidebar.jsx      | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/client/src/components/Canvas/CanvasComponents/Tooltip.jsx b/client/src/components/Canvas/CanvasComponents/Tooltip.jsx
index 0823d53..4c73b74 100644
--- a/client/src/components/Canvas/CanvasComponents/Tooltip.jsx
+++ b/client/src/components/Canvas/CanvasComponents/Tooltip.jsx
@@ -3,7 +3,7 @@ import { chakra, useSlotRecipe } from "@chakra-ui/react";
 
 
 export default function Tooltip ({tooltipkey, content, sidebarIsOpen, children}) {
-  const [isVisible, setIsVisible] = useState(!sidebarIsOpen);
+  const [isVisible, setIsVisible] = useState(false);
   const recipe = useSlotRecipe({ key: "sidebar" });
   const styles = recipe();
   const timeoutId = useRef(null);
diff --git a/client/src/components/Sidebar/Sidebar.jsx b/client/src/components/Sidebar/Sidebar.jsx
index a403f76..57b311f 100644
--- a/client/src/components/Sidebar/Sidebar.jsx
+++ b/client/src/components/Sidebar/Sidebar.jsx
@@ -19,21 +19,21 @@ export default function Sidebar({ view, onChangeView, darkMode, setDarkMode }) {
   const styles = recipe();
   const { toggleColorMode } = useColorMode();
 
-    // this list of btns will come from the db (not every usr will have access to admin)
-  let buttons = [
-    {icon: FaHome, name: "Home", view: "mydashboard"},
-    {icon: FaGlobeAmericas, name: "Global Map", view: "global"},
-    {icon: FaMapMarkerAlt, name: "Regional Map", view: "regional"},
-    {icon: FaVolcano, name: "Volcano", view: "volcano"},
-    {icon: HiUsers, name: "Admin", view: "admin"}
-  ];
-
+  let buttons = [];
   // Different Sidebar Button Options for Settings View
   if (view === "settings" || view === "personal" || view === "security") {
     buttons = [
       {icon: IoPersonCircleSharp, name: "Personal Info", view: "personal"},
       {icon: MdOutlineSecurity, name: "Security", view: "security"},
     ]
+  } else {
+    buttons = [
+      {icon: FaHome, name: "Home", view: "mydashboard"},
+      {icon: FaGlobeAmericas, name: "Global Map", view: "global"},
+      {icon: FaMapMarkerAlt, name: "Regional Map", view: "regional"},
+      {icon: FaVolcano, name: "Volcano", view: "volcano"},
+      {icon: HiUsers, name: "Admin", view: "admin"}
+    ];
   };
 
   const toggleSidebar = () => {