From 1a3aa8a4e79deb501fce0c89ace8ea960003d8cd Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Fri, 29 Dec 2023 10:50:42 -0500
Subject: fixed sidebar button highoighting. fixed explore mode.

---
 src/client/views/topbar/TopBar.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'src/client/views/topbar/TopBar.tsx')

diff --git a/src/client/views/topbar/TopBar.tsx b/src/client/views/topbar/TopBar.tsx
index d1c039d95..0f3487cd1 100644
--- a/src/client/views/topbar/TopBar.tsx
+++ b/src/client/views/topbar/TopBar.tsx
@@ -24,6 +24,7 @@ import { Colors } from '../global/globalEnums';
 import { DocumentView, DocumentViewInternal } from '../nodes/DocumentView';
 import { DefaultStyleProvider } from '../StyleProvider';
 import './TopBar.scss';
+import { SnappingManager } from '../../util/SnappingManager';
 
 /**
  * ABOUT: This is the topbar in Dash, which included the current Dashboard as well as access to information on the user
@@ -84,9 +85,9 @@ export class TopBar extends React.Component {
                         type={Type.TERT}
                         tooltip="Browsing mode for directly navigating to documents"
                         size={Size.SMALL}
-                        color={DocumentView.ExploreMode ? this.variantColor : this.color}
-                        background={DocumentView.ExploreMode ? this.color : 'transparent'}
-                        onClick={action(() => (DocumentView.ExploreMode = !DocumentView.ExploreMode))}
+                        color={SnappingManager.ExploreMode ? this.variantColor : this.color}
+                        background={SnappingManager.ExploreMode ? this.color : 'transparent'}
+                        onClick={() => SnappingManager.SetExploreMode(!SnappingManager.ExploreMode)}
                     />
                 )}
             </div>
-- 
cgit v1.2.3-70-g09d2

