1 files changed, 16 insertions, 11 deletions
diff --git a/src/client/views/newlightbox/ButtonMenu/ButtonMenu.tsx b/src/client/views/newlightbox/ButtonMenu/ButtonMenu.tsx
index bce2b296f..3eb99f47a 100644
--- a/src/client/views/newlightbox/ButtonMenu/ButtonMenu.tsx
+++ b/src/client/views/newlightbox/ButtonMenu/ButtonMenu.tsx
@@ -1,34 +1,37 @@
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
 import { action } from 'mobx';
 import * as React from 'react';
 import { Doc } from '../../../../fields/Doc';
 import { InkTool } from '../../../../fields/InkField';
-import { SelectionManager } from '../../../util/SelectionManager';
 import { SnappingManager } from '../../../util/SnappingManager';
 import { CollectionDockingView } from '../../collections/CollectionDockingView';
-import { OpenWhereMod } from '../../nodes/DocumentView';
+import { DocumentView } from '../../nodes/DocumentView';
+import { OpenWhereMod } from '../../nodes/OpenWhere';
 import { NewLightboxView } from '../NewLightboxView';
 import './ButtonMenu.scss';
-import { IButtonMenu } from './utils';
 
-export const ButtonMenu = (props: IButtonMenu) => {
+export function ButtonMenu() {
     return (
-        <div className={`newLightboxButtonMenu-container`}>
+        <div className="newLightboxButtonMenu-container">
             <div
                 className="newLightboxView-navBtn"
                 title="toggle fit width"
                 onClick={e => {
                     e.stopPropagation();
                     NewLightboxView.LightboxDoc!._fitWidth = !NewLightboxView.LightboxDoc!._fitWidth;
-                }}></div>
+                }}
+            />
             <div
                 className="newLightboxView-tabBtn"
                 title="open in tab"
                 onClick={e => {
                     e.stopPropagation();
                     CollectionDockingView.AddSplit(NewLightboxView.LightboxDoc || NewLightboxView.LightboxDoc!, OpenWhereMod.none);
-                    SelectionManager.DeselectAll();
+                    DocumentView.DeselectAll();
                     NewLightboxView.SetNewLightboxDoc(undefined);
-                }}></div>
+                }}
+            />
             <div
                 className="newLightboxView-penBtn"
                 title="toggle pen annotation"
@@ -36,7 +39,8 @@ export const ButtonMenu = (props: IButtonMenu) => {
                 onClick={e => {
                     e.stopPropagation();
                     Doc.ActiveTool = Doc.ActiveTool === InkTool.Pen ? InkTool.None : InkTool.Pen;
-                }}></div>
+                }}
+            />
             <div
                 className="newLightboxView-exploreBtn"
                 title="toggle explore mode to navigate among documents only"
@@ -44,7 +48,8 @@ export const ButtonMenu = (props: IButtonMenu) => {
                 onClick={action(e => {
                     e.stopPropagation();
                     SnappingManager.SetExploreMode(!SnappingManager.ExploreMode);
-                })}></div>
+                })}
+            />
         </div>
     );
-};
+}