1 files changed, 23 insertions, 23 deletions
diff --git a/src/client/util/BranchingTrailManager.tsx b/src/client/util/BranchingTrailManager.tsx
index 02879e3c4..119d103c5 100644
--- a/src/client/util/BranchingTrailManager.tsx
+++ b/src/client/util/BranchingTrailManager.tsx
@@ -1,18 +1,31 @@
+/* eslint-disable react/no-unused-class-component-methods */
+/* eslint-disable react/no-array-index-key */
 import { action, computed, makeObservable, observable } from 'mobx';
 import { observer } from 'mobx-react';
 import * as React from 'react';
 import { Doc } from '../../fields/Doc';
 import { Id } from '../../fields/FieldSymbols';
-import { PresBox } from '../views/nodes/trails';
 import { OverlayView } from '../views/OverlayView';
-import { DocumentManager } from './DocumentManager';
-import { Docs } from '../documents/Documents';
-import { nullAudio } from '../../fields/URLField';
+import { DocumentView } from '../views/nodes/DocumentView';
+import { PresBox } from '../views/nodes/trails';
 
 @observer
 export class BranchingTrailManager extends React.Component {
+    // eslint-disable-next-line no-use-before-define
     public static Instance: BranchingTrailManager;
 
+    // stack of the history
+    @observable private slideHistoryStack: String[] = [];
+    @observable private containsSet: Set<String> = new Set<String>();
+    // docId to Doc map
+    @observable private docIdToDocMap: Map<String, Doc> = new Map<String, Doc>();
+
+    // prev pres to copmare with
+    @observable private prevPresId: String | null = null;
+    @action setPrevPres = action((newId: String | null) => {
+        this.prevPresId = newId;
+    });
+
     constructor(props: any) {
         super(props);
         makeObservable(this);
@@ -22,7 +35,7 @@ export class BranchingTrailManager extends React.Component {
     }
 
     setupUi = () => {
-        OverlayView.Instance.addWindow(<BranchingTrailManager></BranchingTrailManager>, { x: 100, y: 150, width: 1000, title: 'Branching Trail' });
+        OverlayView.Instance.addWindow(<BranchingTrailManager />, { x: 100, y: 150, width: 1000, title: 'Branching Trail' });
         // OverlayView.Instance.forceUpdate();
         console.log(OverlayView.Instance);
         // let hi = Docs.Create.TextDocument("beee", {
@@ -33,26 +46,13 @@ export class BranchingTrailManager extends React.Component {
         // hi.overlayY = 100;
 
         // Doc.AddToMyOverlay(hi);
-        console.log(DocumentManager._overlayViews);
     };
 
-    // stack of the history
-    @observable private slideHistoryStack: String[] = [];
     @action setSlideHistoryStack = action((newArr: String[]) => {
         this.slideHistoryStack = newArr;
     });
 
-    @observable private containsSet: Set<String> = new Set<String>();
-
-    // prev pres to copmare with
-    @observable private prevPresId: String | null = null;
-    @action setPrevPres = action((newId: String | null) => {
-        this.prevPresId = newId;
-    });
-
-    // docId to Doc map
-    @observable private docIdToDocMap: Map<String, Doc> = new Map<String, Doc>();
-
+    // eslint-disable-next-line react/sort-comp
     observeDocumentChange = (targetDoc: Doc, pres: PresBox) => {
         const presId = pres.Document[Id];
         if (this.prevPresId === presId) {
@@ -102,11 +102,11 @@ export class BranchingTrailManager extends React.Component {
         this.setSlideHistoryStack(newStack);
 
         removed.forEach(info => this.containsSet.delete(info.toString()));
-        DocumentManager.Instance.showDocument(targetDoc, { willZoomCentered: true });
+        DocumentView.showDocument(targetDoc, { willZoomCentered: true });
         if (this.slideHistoryStack.length === 0) {
             Doc.UserDoc().isBranchingMode = false;
         }
-        //PresBox.NavigateToTarget(targetDoc, targetDoc);
+        // PresBox.NavigateToTarget(targetDoc, targetDoc);
     };
 
     @computed get trailBreadcrumbs() {
@@ -116,11 +116,11 @@ export class BranchingTrailManager extends React.Component {
                     const [presId, targetDocId] = info.split(',');
                     const doc = this.docIdToDocMap.get(targetDocId);
                     if (!doc) {
-                        return <></>;
+                        return null;
                     }
                     return (
                         <span key={targetDocId}>
-                            <button key={index} onPointerDown={e => this.clickHandler(e, targetDocId, index)}>
+                            <button type="button" key={index} onPointerDown={e => this.clickHandler(e, targetDocId, index)}>
                                 {presId.slice(0, 3) + ':' + doc.title}
                             </button>
                             -{'>'}