fixed sidebar button highoighting. fixed explore mode.

1 files changed, 4 insertions, 3 deletions

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>