fixed sidebar button highoighting. fixed explore mode.

1 files changed, 3 insertions, 2 deletions

diff --git a/src/client/views/newlightbox/ButtonMenu/ButtonMenu.tsx b/src/client/views/newlightbox/ButtonMenu/ButtonMenu.tsx
index 3a95e5f74..72b63cf8f 100644
--- a/src/client/views/newlightbox/ButtonMenu/ButtonMenu.tsx
+++ b/src/client/views/newlightbox/ButtonMenu/ButtonMenu.tsx
@@ -8,6 +8,7 @@ import { DocumentView, OpenWhereMod } from '../../nodes/DocumentView';
 import { NewLightboxView } from '../NewLightboxView';
 import './ButtonMenu.scss';
 import { IButtonMenu } from './utils';
+import { SnappingManager } from '../../../util/SnappingManager';
 
 export const ButtonMenu = (props: IButtonMenu) => {
     return (
@@ -39,10 +40,10 @@ export const ButtonMenu = (props: IButtonMenu) => {
             <div
                 className="newLightboxView-exploreBtn"
                 title="toggle explore mode to navigate among documents only"
-                style={{ background: DocumentView.ExploreMode ? 'white' : undefined }}
+                style={{ background: SnappingManager.ExploreMode ? 'white' : undefined }}
                 onClick={action(e => {
                     e.stopPropagation();
-                    DocumentView.ExploreMode = !DocumentView.ExploreMode;
+                    SnappingManager.SetExploreMode(!SnappingManager.ExploreMode);
                 })}></div>
         </div>
     );