Merge branch 'text_box_ab' of https://github.com/browngraphicslab/Dash-Web into text_box_ab

1 files changed, 35 insertions, 0 deletions

diff --git a/src/client/views/search/NaviconButton.tsx b/src/client/views/search/NaviconButton.tsx
new file mode 100644
index 000000000..3fa36b163
--- /dev/null
+++ b/src/client/views/search/NaviconButton.tsx
@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { observer } from 'mobx-react';
+import "./NaviconButton.scss";
+import * as $ from 'jquery';
+import { observable } from 'mobx';
+
+export interface NaviconProps{
+    onClick(): void;
+}
+
+export class NaviconButton extends React.Component<NaviconProps> {
+
+    @observable private _ref: React.RefObject<HTMLAnchorElement> = React.createRef();
+
+    componentDidMount = () => {
+        let that = this;
+        if(this._ref.current){this._ref.current.addEventListener("click", function(e) {
+            e.preventDefault();
+            if(that._ref.current){
+                that._ref.current.classList.toggle('active');
+                return false;
+            }
+        });}
+    }
+
+    render() {
+        return (
+            <a id="hamburger-icon" href="#" ref = {this._ref} title="Menu">
+                <span className="line line-1"></span>
+                <span className="line line-2"></span>
+                <span className="line line-3"></span>
+            </a>
+        );
+    }
+}
\ No newline at end of file