about to make some big changes - things are working nicely

1 files changed, 28 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..aa9e627c0
--- /dev/null
+++ b/src/client/views/search/NaviconButton.tsx
@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { observer } from 'mobx-react';
+import "./NaviconButton.scss";
+import * as $ from 'jquery';
+
+
+export class NaviconButton extends React.Component {
+
+    componentDidMount = () => {
+        $(document).ready(function () {
+            var hamburger = $('#hamburger-icon');
+            hamburger.click(function () {
+                hamburger.toggleClass('active');
+                return false;
+            });
+        });
+    }
+
+    render() {
+        return (
+            <a id="hamburger-icon" href="#" 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