aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/search/NaviconButton.tsx
diff options
context:
space:
mode:
authorBob Zeleznik <zzzman@gmail.com>2020-02-08 13:48:11 -0500
committerBob Zeleznik <zzzman@gmail.com>2020-02-08 13:48:11 -0500
commit90d7fb57a64011763ad1d608126eacb052061e43 (patch)
treefd96990ebd0ffe38f2285fbbceca942c1fb45587 /src/client/views/search/NaviconButton.tsx
parente310c0fdcef6ac71ee492470d4ac689cbb094167 (diff)
parent1b046f76cf39f1f6cb1875aa84b45db74b6d994e (diff)
Merge branch 'master' into monika_animation
Diffstat (limited to 'src/client/views/search/NaviconButton.tsx')
-rw-r--r--src/client/views/search/NaviconButton.tsx22
1 files changed, 12 insertions, 10 deletions
diff --git a/src/client/views/search/NaviconButton.tsx b/src/client/views/search/NaviconButton.tsx
index 3fa36b163..0fa4a0fca 100644
--- a/src/client/views/search/NaviconButton.tsx
+++ b/src/client/views/search/NaviconButton.tsx
@@ -4,7 +4,7 @@ import "./NaviconButton.scss";
import * as $ from 'jquery';
import { observable } from 'mobx';
-export interface NaviconProps{
+export interface NaviconProps {
onClick(): void;
}
@@ -13,19 +13,21 @@ 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;
- }
- });}
+ const 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">
+ <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>