From e65fba03470cc38bc610baf4ff77fcc13cc08b74 Mon Sep 17 00:00:00 2001
From: madelinegr <monika_hedman@brown.edu>
Date: Tue, 11 Jun 2019 16:47:15 -0400
Subject: lint errors fixed

---
 src/client/northstar/dash-nodes/HistogramBox.tsx   |  2 +-
 src/client/util/DocumentManager.ts                 |  2 +-
 src/client/util/DragManager.ts                     |  3 +-
 src/client/views/ContextMenu.tsx                   |  4 +--
 src/client/views/DocumentDecorations.tsx           |  2 +-
 src/client/views/MainOverlayTextBox.tsx            |  2 +-
 src/client/views/MainView.tsx                      |  2 +-
 src/client/views/PresentationView.tsx              |  4 +--
 .../views/collections/CollectionBaseView.tsx       |  2 +-
 .../views/collections/CollectionDockingView.tsx    |  3 +-
 .../views/collections/CollectionSchemaView.tsx     | 11 ++++---
 .../views/collections/CollectionStackingView.tsx   |  4 +--
 .../views/collections/CollectionTreeView.tsx       | 10 +++----
 .../CollectionFreeFormLinksView.tsx                |  2 +-
 .../collectionFreeForm/CollectionFreeFormView.tsx  |  2 +-
 .../collections/collectionFreeForm/MarqueeView.tsx |  2 +-
 src/client/views/nodes/DocumentView.tsx            |  6 ++--
 src/client/views/nodes/ImageBox.tsx                |  4 +--
 src/client/views/nodes/PDFBox.tsx                  |  6 ++--
 src/client/views/search/IconBar.tsx                | 35 +++++++++++-----------
 src/client/views/search/SearchBox.tsx              |  8 ++---
 src/client/views/search/ToggleBar.tsx              |  4 +--
 22 files changed, 59 insertions(+), 61 deletions(-)

(limited to 'src')

diff --git a/src/client/northstar/dash-nodes/HistogramBox.tsx b/src/client/northstar/dash-nodes/HistogramBox.tsx
index d7732ee86..ce678a9d2 100644
--- a/src/client/northstar/dash-nodes/HistogramBox.tsx
+++ b/src/client/northstar/dash-nodes/HistogramBox.tsx
@@ -126,7 +126,7 @@ export class HistogramBox extends React.Component<FieldViewProps> {
                                     brush.backgroundColor = StyleConstants.BRUSH_COLORS[i % StyleConstants.BRUSH_COLORS.length];
                                     let brushed = DocListCast(brush.brushingDocs);
                                     if (!brushed.length)
-                                        return null;
+                                        {return null;}
                                     return { l: brush, b: brushed[0][Id] === proto[Id] ? brushed[1] : brushed[0] };
                                 });
                                 runInAction(() => this.HistoOp.BrushLinks.splice(0, this.HistoOp.BrushLinks.length, ...mapped.filter(m => m) as { l: Doc, b: Doc }[]));
diff --git a/src/client/util/DocumentManager.ts b/src/client/util/DocumentManager.ts
index ff0c1560b..76ca4b99b 100644
--- a/src/client/util/DocumentManager.ts
+++ b/src/client/util/DocumentManager.ts
@@ -35,7 +35,7 @@ export class DocumentManager {
         let toReturn: DocumentView | null = null;
         let passes = preferredCollection ? [preferredCollection, undefined] : [undefined];
 
-        for (let i = 0; i < passes.length; i++) {
+        for(let i = 0; i < passes.length; i++) {
             DocumentManager.Instance.DocumentViews.map(view => {
                 if (view.props.Document[Id] === id && (!passes[i] || view.props.ContainingCollectionView === preferredCollection)) {
                     toReturn = view;
diff --git a/src/client/util/DragManager.ts b/src/client/util/DragManager.ts
index 8ee1ad2af..475bb9237 100644
--- a/src/client/util/DragManager.ts
+++ b/src/client/util/DragManager.ts
@@ -246,11 +246,12 @@ export namespace DragManager {
             //     }
             // }
             let set = dragElement.getElementsByTagName('*');
-            for (let i = 0; i < set.length; i++)
+            for (let i = 0; i < set.length; i++) {
                 if (set[i].hasAttribute("style")) {
                     let s = set[i];
                     (s as any).style.pointerEvents = "none";
                 }
+            }
 
 
             dragDiv.appendChild(dragElement);
diff --git a/src/client/views/ContextMenu.tsx b/src/client/views/ContextMenu.tsx
index da374455e..eb1937683 100644
--- a/src/client/views/ContextMenu.tsx
+++ b/src/client/views/ContextMenu.tsx
@@ -1,8 +1,8 @@
 import React = require("react");
 import { ContextMenuItem, ContextMenuProps } from "./ContextMenuItem";
 import { observable, action } from "mobx";
-import { observer } from "mobx-react"
-import "./ContextMenu.scss"
+import { observer } from "mobx-react";
+import "./ContextMenu.scss";
 import { library } from '@fortawesome/fontawesome-svg-core';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faSearch, faCircle } from '@fortawesome/free-solid-svg-icons';
diff --git a/src/client/views/DocumentDecorations.tsx b/src/client/views/DocumentDecorations.tsx
index 7260b00cf..5ac02a78d 100644
--- a/src/client/views/DocumentDecorations.tsx
+++ b/src/client/views/DocumentDecorations.tsx
@@ -430,7 +430,7 @@ export class DocumentDecorations extends React.Component<{}, { value: string }>
         SelectionManager.SelectedDocuments().forEach(element => {
             const rect = element.ContentDiv ? element.ContentDiv.getBoundingClientRect() : new DOMRect();
 
-            if (rect.width !== 0 && (dX != 0 || dY != 0 || dW != 0 || dH != 0)) {
+            if (rect.width !== 0 && (dX !== 0 || dY !== 0 || dW !== 0 || dH !== 0)) {
                 let doc = PositionDocument(element.props.Document);
                 let nwidth = doc.nativeWidth || 0;
                 let nheight = doc.nativeHeight || 0;
diff --git a/src/client/views/MainOverlayTextBox.tsx b/src/client/views/MainOverlayTextBox.tsx
index a0359419b..8f6d16e1f 100644
--- a/src/client/views/MainOverlayTextBox.tsx
+++ b/src/client/views/MainOverlayTextBox.tsx
@@ -34,7 +34,7 @@ export class MainOverlayTextBox extends React.Component<MainOverlayTextBoxProps>
                     this.TextDoc = box.props.Document;
                     let sxf = Utils.GetScreenTransform(box ? box.CurrentDiv : undefined);
                     let xf = () => { box.props.ScreenToLocalTransform(); return new Transform(-sxf.translateX, -sxf.translateY, 1 / sxf.scale); };
-                    this.setTextDoc(box.props.fieldKey, box.CurrentDiv, xf)
+                    this.setTextDoc(box.props.fieldKey, box.CurrentDiv, xf);
                 }
                 else {
                     this.TextDoc = undefined;
diff --git a/src/client/views/MainView.tsx b/src/client/views/MainView.tsx
index 307f23df1..f30755711 100644
--- a/src/client/views/MainView.tsx
+++ b/src/client/views/MainView.tsx
@@ -344,7 +344,7 @@ export class MainView extends React.Component {
                 this.globalDisplayFlags.jumpToVisible = true;
                 break;
             case "escape":
-                _.mapValues(this.globalDisplayFlags, () => false)
+                _.mapValues(this.globalDisplayFlags, () => false);
                 break;
             case "f":
                 this.isSearchVisible = !this.isSearchVisible;
diff --git a/src/client/views/PresentationView.tsx b/src/client/views/PresentationView.tsx
index b0c93ee26..db689e1b6 100644
--- a/src/client/views/PresentationView.tsx
+++ b/src/client/views/PresentationView.tsx
@@ -41,8 +41,8 @@ class PresentationViewList extends React.Component<PresListProps> {
             //this doc is selected
             className += " presentationView-selected";
         }
-        let onEnter = (e: React.PointerEvent) => { document.libraryBrush = true; }
-        let onLeave = (e: React.PointerEvent) => { document.libraryBrush = false; }
+        let onEnter = (e: React.PointerEvent) => { document.libraryBrush = true; };
+        let onLeave = (e: React.PointerEvent) => { document.libraryBrush = false; };
         return (
             <div className={className} key={document[Id] + index}
                 onPointerEnter={onEnter} onPointerLeave={onLeave}
diff --git a/src/client/views/collections/CollectionBaseView.tsx b/src/client/views/collections/CollectionBaseView.tsx
index 5238ad114..1e42593d1 100644
--- a/src/client/views/collections/CollectionBaseView.tsx
+++ b/src/client/views/collections/CollectionBaseView.tsx
@@ -130,7 +130,7 @@ export class CollectionBaseView extends React.Component<CollectionViewProps> {
 
     @action.bound
     removeDocument(doc: Doc): boolean {
-        let docView = DocumentManager.Instance.getDocumentView(doc, this.props.ContainingCollectionView)
+        let docView = DocumentManager.Instance.getDocumentView(doc, this.props.ContainingCollectionView);
         docView && SelectionManager.DeselectDoc(docView);
         const props = this.props;
         //TODO This won't create the field if it doesn't already exist
diff --git a/src/client/views/collections/CollectionDockingView.tsx b/src/client/views/collections/CollectionDockingView.tsx
index 51e29cb54..2bce6103b 100644
--- a/src/client/views/collections/CollectionDockingView.tsx
+++ b/src/client/views/collections/CollectionDockingView.tsx
@@ -419,8 +419,7 @@ export class DockedFrameRenderer extends React.Component<DockedFrameProps> {
     @observable private _document: Opt<Doc>;
     get _stack(): any {
         let parent = (this.props as any).glContainer.parent.parent;
-        if (this._document && this._document.excludeFromLibrary && parent.parent && parent.parent.contentItems.length > 1)
-            return parent.parent.contentItems[1];
+        if (this._document && this._document.excludeFromLibrary && parent.parent && parent.parent.contentItems.length > 1) { return parent.parent.contentItems[1]; }
         return parent;
     }
     constructor(props: any) {
diff --git a/src/client/views/collections/CollectionSchemaView.tsx b/src/client/views/collections/CollectionSchemaView.tsx
index b9e5a5b65..c886d0f35 100644
--- a/src/client/views/collections/CollectionSchemaView.tsx
+++ b/src/client/views/collections/CollectionSchemaView.tsx
@@ -90,8 +90,7 @@ export class CollectionSchemaView extends CollectionSubView(doc => doc) {
             let columnDocs = DocListCast(schemaDoc.data);
             if (columnDocs) {
                 let ddoc = columnDocs.find(doc => doc.title === columnName);
-                if (ddoc)
-                    return ddoc;
+                if (ddoc) { return ddoc; }
             }
         }
         return this.props.Document;
@@ -288,7 +287,7 @@ export class CollectionSchemaView extends CollectionSubView(doc => doc) {
     }
 
     getPreviewTransform = (): Transform => this.props.ScreenToLocalTransform().translate(
-        - this.borderWidth - this.DIVIDER_WIDTH - this.tableWidth, - this.borderWidth);
+        - this.borderWidth - this.DIVIDER_WIDTH - this.tableWidth, - this.borderWidth)
 
 
     get documentKeysCheckList() {
@@ -337,7 +336,7 @@ export class CollectionSchemaView extends CollectionSubView(doc => doc) {
             columns={this.tableColumns}
             column={{ ...ReactTableDefaults.column, Cell: this.renderCell, }}
             getTrProps={this.getTrProps}
-        />
+        />;
     }
 
     @computed
@@ -362,7 +361,7 @@ export class CollectionSchemaView extends CollectionSubView(doc => doc) {
             addDocTab={this.props.addDocTab}
             setPreviewScript={this.setPreviewScript}
             previewScript={this.previewScript}
-        />
+        />;
     }
     @action
     setPreviewScript = (script: string) => {
@@ -410,7 +409,7 @@ export class CollectionSchemaPreview extends React.Component<CollectionSchemaPre
     }
     private PanelWidth = () => this.nativeWidth * this.contentScaling();
     private PanelHeight = () => this.nativeHeight * this.contentScaling();
-    private getTransform = () => this.props.getTransform().translate(-this.centeringOffset, 0).scale(1 / this.contentScaling())
+    private getTransform = () => this.props.getTransform().translate(-this.centeringOffset, 0).scale(1 / this.contentScaling());
     get centeringOffset() { return (this.props.width() - this.nativeWidth * this.contentScaling()) / 2; }
     @action
     onPreviewScriptChange = (e: React.ChangeEvent<HTMLInputElement>) => {
diff --git a/src/client/views/collections/CollectionStackingView.tsx b/src/client/views/collections/CollectionStackingView.tsx
index cad7cd50c..0c5d42769 100644
--- a/src/client/views/collections/CollectionStackingView.tsx
+++ b/src/client/views/collections/CollectionStackingView.tsx
@@ -116,7 +116,7 @@ export class CollectionStackingView extends CollectionSubView(doc => doc) {
             let childFocus = (doc: Doc) => {
                 doc.libraryBrush = true;
                 this.props.focus(this.props.Document); // just focus on this collection, not the underlying document because the API doesn't support adding an offset to focus on and we can't pan zoom our contents to be centered.
-            }
+            };
             return (<div className="collectionStackingView-masonryDoc"
                 key={d[Id]}
                 ref={dref}
@@ -147,7 +147,7 @@ export class CollectionStackingView extends CollectionSubView(doc => doc) {
                     collapseToPoint={this.collapseToPoint}
                 />
             </div>);
-        })
+        });
     }
     onContextMenu = (e: React.MouseEvent): void => {
         if (!e.isPropagationStopped() && this.props.Document[Id] !== "mainDoc") { // need to test this because GoldenLayout causes a parallel hierarchy in the React DOM for its children and the main document view7
diff --git a/src/client/views/collections/CollectionTreeView.tsx b/src/client/views/collections/CollectionTreeView.tsx
index 8a6764c58..f83fa3b4b 100644
--- a/src/client/views/collections/CollectionTreeView.tsx
+++ b/src/client/views/collections/CollectionTreeView.tsx
@@ -67,8 +67,8 @@ class TreeView extends React.Component<TreeViewProps> {
     @undoBatch delete = () => this.props.deleteDoc(this.props.document);
     @undoBatch openRight = async () => this.props.addDocTab(this.props.document, "openRight");
 
-    @action onMouseEnter = () => { this._isOver = true; }
-    @action onMouseLeave = () => { this._isOver = false; }
+    @action onMouseEnter = () => { this._isOver = true; };
+    @action onMouseLeave = () => { this._isOver = false; };
 
     onPointerEnter = (e: React.PointerEvent): void => {
         this.props.active() && (this.props.document.libraryBrush = true);
@@ -89,8 +89,8 @@ class TreeView extends React.Component<TreeViewProps> {
         let bounds = this.props.ScreenToLocalTransform().transformPoint(rect.left, rect.top + rect.height / 2);
         let before = x[1] < bounds[1];
         let inside = x[0] > bounds[0] + 75 || (!before && this._bulletType === BulletType.Collapsible);
-        this._header!.current!.className = "treeViewItem-header"
-        if (inside && this._bulletType != BulletType.List) this._header!.current!.className = "treeViewItem-header-inside";
+        this._header!.current!.className = "treeViewItem-header";
+        if (inside && this._bulletType !== BulletType.List) this._header!.current!.className = "treeViewItem-header-inside";
         else if (before) this._header!.current!.className = "treeViewItem-header-above";
         else if (!before) this._header!.current!.className = "treeViewItem-header-below";
         e.stopPropagation();
@@ -191,7 +191,7 @@ class TreeView extends React.Component<TreeViewProps> {
             if (inside) {
                 let docList = Cast(this.props.document.data, listSpec(Doc));
                 if (docList !== undefined) {
-                    addDoc = (doc: Doc) => { docList && docList.push(doc); return true; }
+                    addDoc = (doc: Doc) => { docList && docList.push(doc); return true; };
                 }
             }
             let added = false;
diff --git a/src/client/views/collections/collectionFreeForm/CollectionFreeFormLinksView.tsx b/src/client/views/collections/collectionFreeForm/CollectionFreeFormLinksView.tsx
index c4dd534ed..be75c6c5c 100644
--- a/src/client/views/collections/collectionFreeForm/CollectionFreeFormLinksView.tsx
+++ b/src/client/views/collections/collectionFreeForm/CollectionFreeFormLinksView.tsx
@@ -109,7 +109,7 @@ export class CollectionFreeFormLinksView extends React.Component<CollectionViewP
                     }
                     return match || found;
                 }, false)) {
-                    drawnPairs.push({ a: possiblePair.a, b: possiblePair.b, l: [connection.l] })
+                    drawnPairs.push({ a: possiblePair.a, b: possiblePair.b, l: [connection.l] });
                 }
             });
             return drawnPairs;
diff --git a/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx b/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx
index 63f24ff53..f382a10db 100644
--- a/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx
+++ b/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx
@@ -325,7 +325,7 @@ export class CollectionFreeFormView extends CollectionSubView(PanZoomDocument) {
     private childViews = () => [
         <CollectionFreeFormBackgroundView key="backgroundView" {...this.props} {...this.getDocumentViewProps(this.props.Document)} />,
         ...this.views
-    ];
+    ]
     render() {
         const containerName = `collectionfreeformview${this.isAnnotationOverlay ? "-overlay" : "-container"}`;
         const easing = () => this.props.Document.panTransformType === "Ease";
diff --git a/src/client/views/collections/collectionFreeForm/MarqueeView.tsx b/src/client/views/collections/collectionFreeForm/MarqueeView.tsx
index b6c566964..b93b90c72 100644
--- a/src/client/views/collections/collectionFreeForm/MarqueeView.tsx
+++ b/src/client/views/collections/collectionFreeForm/MarqueeView.tsx
@@ -312,7 +312,7 @@ export class MarqueeView extends React.Component<MarqueeViewProps>
                             summary.imageSummary = imageSummary;
                             this.props.addDocument(imageSummary, false);
                         }
-                    })
+                    });
                     newCollection.proto!.summaryDoc = summary;
                     selected = [newCollection];
                     newCollection.x = bounds.left + bounds.width;
diff --git a/src/client/views/nodes/DocumentView.tsx b/src/client/views/nodes/DocumentView.tsx
index 19f5c7d36..71bb3a8dc 100644
--- a/src/client/views/nodes/DocumentView.tsx
+++ b/src/client/views/nodes/DocumentView.tsx
@@ -312,8 +312,8 @@ export class DocumentView extends DocComponent<DocumentViewProps, Document>(Docu
         this._lastTap = Date.now();
     }
 
-    deleteClicked = (): void => { this.props.removeDocument && this.props.removeDocument(this.props.Document); }
-    fieldsClicked = (): void => { this.props.addDocTab(Docs.KVPDocument(this.props.Document, { width: 300, height: 300 }), "onRight") };
+    deleteClicked = (): void => { this.props.removeDocument && this.props.removeDocument(this.props.Document); };
+    fieldsClicked = (): void => { this.props.addDocTab(Docs.KVPDocument(this.props.Document, { width: 300, height: 300 }), "onRight"); };
     makeBtnClicked = (): void => {
         let doc = Doc.GetProto(this.props.Document);
         doc.isButton = !BoolCast(doc.isButton, false);
@@ -442,7 +442,7 @@ export class DocumentView extends DocComponent<DocumentViewProps, Document>(Docu
     onPointerLeave = (e: React.PointerEvent): void => { this.props.Document.libraryBrush = false; };
 
     isSelected = () => SelectionManager.IsSelected(this);
-    @action select = (ctrlPressed: boolean) => { this.selectOnLoad = false; SelectionManager.SelectDoc(this, ctrlPressed); }
+    @action select = (ctrlPressed: boolean) => { this.selectOnLoad = false; SelectionManager.SelectDoc(this, ctrlPressed); };
 
     @observable selectOnLoad: boolean = false;
     @computed get nativeWidth() { return this.Document.nativeWidth || 0; }
diff --git a/src/client/views/nodes/ImageBox.tsx b/src/client/views/nodes/ImageBox.tsx
index 0d19508fa..c93b84949 100644
--- a/src/client/views/nodes/ImageBox.tsx
+++ b/src/client/views/nodes/ImageBox.tsx
@@ -88,7 +88,7 @@ export class ImageBox extends DocComponent<FieldViewProps, ImageDocument>(ImageD
     onPointerDown = (e: React.PointerEvent): void => {
         if (e.shiftKey && e.ctrlKey)
 
-            e.stopPropagation();
+        {e.stopPropagation();}
         // if (Date.now() - this._lastTap < 300) {
         //     if (e.buttons === 1) {
         //         this._downX = e.clientX;
@@ -189,7 +189,7 @@ export class ImageBox extends DocComponent<FieldViewProps, ImageDocument>(ImageD
     @action onError = () => {
         let timeout = this._curSuffix === "_s" ? this._smallRetryCount : this._curSuffix === "_m" ? this._mediumRetryCount : this._largeRetryCount;
         if (timeout < 10)
-            setTimeout(this.retryPath, Math.min(10000, timeout * 5));
+           { setTimeout(this.retryPath, Math.min(10000, timeout * 5));}
     }
     _curSuffix = "_m";
     render() {
diff --git a/src/client/views/nodes/PDFBox.tsx b/src/client/views/nodes/PDFBox.tsx
index 05088f688..1fb3090b8 100644
--- a/src/client/views/nodes/PDFBox.tsx
+++ b/src/client/views/nodes/PDFBox.tsx
@@ -262,7 +262,7 @@ export class PDFBox extends DocComponent<FieldViewProps, PdfDocument>(PdfDocumen
                             this.props.Document.thumbnail = new ImageField(new URL(url));
                         }
                         runInAction(() => this._renderAsSvg = true);
-                    })
+                    });
                 }))
                 .catch(function (error: any) {
                     console.error('oops, something went wrong!', error);
@@ -336,7 +336,7 @@ export class PDFBox extends DocComponent<FieldViewProps, PdfDocument>(PdfDocumen
 
     choosePath(url: URL) {
         if (url.protocol === "data" || url.href.indexOf(window.location.origin) === -1)
-            return url.href;
+            {return url.href;}
         let ext = path.extname(url.href);
         return url.href.replace(ext, this._curSuffix + ext);
     }
@@ -351,7 +351,7 @@ export class PDFBox extends DocComponent<FieldViewProps, PdfDocument>(PdfDocumen
     @action onError = () => {
         let timeout = this._curSuffix === "_s" ? this._smallRetryCount : this._curSuffix === "_m" ? this._mediumRetryCount : this._largeRetryCount;
         if (timeout < 10)
-            setTimeout(this.retryPath, Math.min(10000, timeout * 5));
+            {setTimeout(this.retryPath, Math.min(10000, timeout * 5));}
     }
     _curSuffix = "_m";
 
diff --git a/src/client/views/search/IconBar.tsx b/src/client/views/search/IconBar.tsx
index 3f5d11d8f..3f77d64eb 100644
--- a/src/client/views/search/IconBar.tsx
+++ b/src/client/views/search/IconBar.tsx
@@ -95,6 +95,7 @@ export class IconBar extends React.Component<IconBarProps> {
 
     @action.bound
     unselectAllRefs() {
+        
         this.allRefs.forEach(element => {
             if (element.current) {
                 element.current.setAttribute("data-selected", "false");
@@ -105,16 +106,16 @@ export class IconBar extends React.Component<IconBarProps> {
     @action.bound
     alternateRef(ref: any) {
         if (ref.getAttribute("data-selected") === "true") {
-            ref.setAttribute("data-selected", "false")
+            ref.setAttribute("data-selected", "false");
         }
         else {
-            ref.setAttribute("data-selected", "true")
+            ref.setAttribute("data-selected", "true");
         }
     }
 
     @action.bound
     onClick = (value: string) => {
-        let icons: string[] = this.props.getIcons()
+        let icons: string[] = this.props.getIcons();
         let ref = this.getRef(value);
         this.alternateRef(ref);
         if (value === DocTypes.NONE) {
@@ -150,15 +151,13 @@ export class IconBar extends React.Component<IconBarProps> {
     }
 
     getInitialStatus = (type: string) => {
-        console.log(this.getRef(type))
         if (this.originalFilteredNodes.includes(type)) {
-            return "true"
+            return "true";
         }
-        return "false"
+        return "false";
     }
 
     render() {
-        console.log("rendering")
         return (
             <div>
                 <div className="icon-title">Filter by type of node</div>
@@ -167,7 +166,7 @@ export class IconBar extends React.Component<IconBarProps> {
                         <div className={"type-icon none"}
                             ref={this.noneRef}
                             data-selected={"false"}
-                            onClick={() => { this.onClick(DocTypes.NONE) }}>
+                            onClick={() => { this.onClick(DocTypes.NONE); }}>
                             <FontAwesomeIcon className="fontawesome-icon" style={{ order: -2 }} icon={faBan} />
                         </div>
                         <div className="filter-description">Clear</div>
@@ -176,7 +175,7 @@ export class IconBar extends React.Component<IconBarProps> {
                         <div className={"type-icon " + (this.isRefSelected(this.pdfRef) ? "selected" : "not-selected")}
                             ref={this.pdfRef}
                             data-selected={this.getInitialStatus(DocTypes.PDF)}
-                            onClick={() => { this.onClick(DocTypes.PDF) }}>
+                            onClick={() => { this.onClick(DocTypes.PDF); }}>
                             <FontAwesomeIcon className="fontawesome-icon" style={{ order: 0 }} icon={faFilePdf} />
                         </div>
                         <div className="filter-description">PDF</div>
@@ -185,7 +184,7 @@ export class IconBar extends React.Component<IconBarProps> {
                         <div className={"type-icon " + (this.isRefSelected(this.histRef) ? "selected" : "not-selected")}
                             ref={this.histRef}
                             data-selected={this.getInitialStatus(DocTypes.HIST)}
-                            onClick={() => { this.onClick(DocTypes.HIST) }}>
+                            onClick={() => { this.onClick(DocTypes.HIST); }}>
                             <FontAwesomeIcon className="fontawesome-icon" style={{ order: 1 }} icon={faChartBar} />
                         </div>
                         <div className="filter-description">Histogram</div>
@@ -194,7 +193,7 @@ export class IconBar extends React.Component<IconBarProps> {
                         <div className={"type-icon " + (this.isRefSelected(this.colRef) ? "selected" : "not-selected")}
                             ref={this.colRef}
                             data-selected={this.getInitialStatus(DocTypes.COL)}
-                            onClick={() => { this.onClick(DocTypes.COL) }}>
+                            onClick={() => { this.onClick(DocTypes.COL); }}>
                             <FontAwesomeIcon className="fontawesome-icon" style={{ order: 2 }} icon={faObjectGroup} />
                         </div>
                         <div className="filter-description">Collection</div>
@@ -203,7 +202,7 @@ export class IconBar extends React.Component<IconBarProps> {
                         <div className={"type-icon " + (this.isRefSelected(this.imgRef) ? "selected" : "not-selected")}
                             ref={this.imgRef}
                             data-selected={this.getInitialStatus(DocTypes.IMG)}
-                            onClick={() => { this.onClick(DocTypes.IMG) }}>
+                            onClick={() => { this.onClick(DocTypes.IMG); }}>
                             <FontAwesomeIcon className="fontawesome-icon" style={{ order: 3 }} icon={faImage} />
                         </div>
                         <div className="filter-description">Image</div>
@@ -212,7 +211,7 @@ export class IconBar extends React.Component<IconBarProps> {
                         <div className={"type-icon " + (this.isRefSelected(this.vidRef) ? "selected" : "not-selected")}
                             ref={this.vidRef}
                             data-selected={this.getInitialStatus(DocTypes.VID)}
-                            onClick={() => { this.onClick(DocTypes.VID) }}>
+                            onClick={() => { this.onClick(DocTypes.VID); }}>
                             <FontAwesomeIcon className="fontawesome-icon" style={{ order: 4 }} icon={faFilm} />
                         </div>
                         <div className="filter-description">Video</div>
@@ -221,7 +220,7 @@ export class IconBar extends React.Component<IconBarProps> {
                         <div className={"type-icon " + (this.isRefSelected(this.webRef) ? "selected" : "not-selected")}
                             ref={this.webRef}
                             data-selected={this.getInitialStatus(DocTypes.WEB)}
-                            onClick={() => { this.onClick(DocTypes.WEB) }}>
+                            onClick={() => { this.onClick(DocTypes.WEB); }}>
                             <FontAwesomeIcon className="fontawesome-icon" style={{ order: 5 }} icon={faGlobeAsia} />
                         </div>
                         <div className="filter-description">Web</div>
@@ -230,7 +229,7 @@ export class IconBar extends React.Component<IconBarProps> {
                         <div className={"type-icon " + (this.isRefSelected(this.linkRef) ? "selected" : "not-selected")}
                             ref={this.linkRef}
                             data-selected={this.getInitialStatus(DocTypes.LINK)}
-                            onClick={() => { this.onClick(DocTypes.LINK) }}>
+                            onClick={() => { this.onClick(DocTypes.LINK); }}>
                             <FontAwesomeIcon className="fontawesome-icon" style={{ order: 6 }} icon={faLink} />
                         </div>
                         <div className="filter-description">Link</div>
@@ -239,7 +238,7 @@ export class IconBar extends React.Component<IconBarProps> {
                         <div className={"type-icon " + (this.isRefSelected(this.audioRef) ? "selected" : "not-selected")}
                             ref={this.audioRef}
                             data-selected={this.getInitialStatus(DocTypes.AUDIO)}
-                            onClick={() => { this.onClick(DocTypes.AUDIO) }}>
+                            onClick={() => { this.onClick(DocTypes.AUDIO); }}>
                             <FontAwesomeIcon className="fontawesome-icon" style={{ order: 7 }} icon={faMusic} />
                         </div>
                         <div className="filter-description">Audio</div>
@@ -248,13 +247,13 @@ export class IconBar extends React.Component<IconBarProps> {
                         <div className={"type-icon " + (this.isRefSelected(this.textRef) ? "selected" : "not-selected")}
                             ref={this.textRef}
                             data-selected={this.getInitialStatus(DocTypes.TEXT)}
-                            onClick={() => { this.onClick(DocTypes.TEXT) }}>
+                            onClick={() => { this.onClick(DocTypes.TEXT); }}>
                             <FontAwesomeIcon className="fontawesome-icon" style={{ order: 8 }} icon={faStickyNote} />
                         </div>
                         <div className="filter-description">Text</div>
                     </div>
                 </div>
             </div>
-        )
+        );
     }
 }
diff --git a/src/client/views/search/SearchBox.tsx b/src/client/views/search/SearchBox.tsx
index e9146a6d1..deeb56762 100644
--- a/src/client/views/search/SearchBox.tsx
+++ b/src/client/views/search/SearchBox.tsx
@@ -47,14 +47,14 @@ export class SearchBox extends React.Component {
         if(!this._wordStatus){
             let oldWords = query.split(" ");
             let newWords: string[] = [];
-            console.log(oldWords)
+            console.log(oldWords);
             oldWords.forEach(word => {
                 let newWrd = "+" + word;
                 newWords.push(newWrd);
-            })
-            console.log(newWords)
+            });
+            console.log(newWords);
 
-            query = newWords.join(" ")
+            query = newWords.join(" ");
         }
 
         //gets json result into a list of documents that can be used
diff --git a/src/client/views/search/ToggleBar.tsx b/src/client/views/search/ToggleBar.tsx
index 7dbb3b767..e7fd86d30 100644
--- a/src/client/views/search/ToggleBar.tsx
+++ b/src/client/views/search/ToggleBar.tsx
@@ -64,7 +64,7 @@ export class ToggleBar extends React.Component<ToggleBarProps>{
                 translateX: -totalWidth,
                 easing: "easeInOutQuad",
                 duration: 500
-            })
+            });
         }
     }
 
@@ -88,5 +88,5 @@ export class ToggleBar extends React.Component<ToggleBarProps>{
                 </div>
             </div>
         );
-    };
+    }
 }
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2