aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/topbar
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/topbar')
-rw-r--r--src/client/views/topbar/TopBar.tsx7
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>