diff options
| author | madelinegr <monika_hedman@brown.edu> | 2019-06-18 17:04:57 -0400 |
|---|---|---|
| committer | madelinegr <monika_hedman@brown.edu> | 2019-06-18 17:04:57 -0400 |
| commit | c871ea8d8891b504b09b45a2d1da1103594f1e15 (patch) | |
| tree | 5603c335d6110ed7e3fc9d96086663a8e62fea40 /src/client/views/search/IconButton.tsx | |
| parent | 56f455334cc41efd3d75ddb1b595caa78c5510bc (diff) | |
WORKING HELLL YYEEEEEEUH
Diffstat (limited to 'src/client/views/search/IconButton.tsx')
| -rw-r--r-- | src/client/views/search/IconButton.tsx | 34 |
1 files changed, 19 insertions, 15 deletions
diff --git a/src/client/views/search/IconButton.tsx b/src/client/views/search/IconButton.tsx index a684944d7..1894332a1 100644 --- a/src/client/views/search/IconButton.tsx +++ b/src/client/views/search/IconButton.tsx @@ -50,12 +50,14 @@ export class IconButton extends React.Component<IconButtonProps>{ () => IconBar.Instance.ResetClicked, () => { if (IconBar.Instance.ResetClicked) { - this.reset(); - IconBar.Instance.Reset++; - if (IconBar.Instance.Reset === 9) { - IconBar.Instance.Reset = 0; - IconBar.Instance.ResetClicked = false; - } + runInAction(() => { + this.reset(); + IconBar.Instance.Reset++; + if (IconBar.Instance.Reset === 9) { + IconBar.Instance.Reset = 0; + IconBar.Instance.ResetClicked = false; + } + }) } }, ) @@ -63,12 +65,14 @@ export class IconButton extends React.Component<IconButtonProps>{ () => IconBar.Instance.SelectAllClicked, () => { if (IconBar.Instance.SelectAllClicked) { - this.select(); - IconBar.Instance.Select++; - if (IconBar.Instance.Select === 9) { - IconBar.Instance.Select = 0; - IconBar.Instance.SelectAllClicked = false; - } + runInAction(() => { + this.select(); + IconBar.Instance.Select++; + if (IconBar.Instance.Select === 9) { + IconBar.Instance.Select = 0; + IconBar.Instance.SelectAllClicked = false; + } + }) } }, ) @@ -106,11 +110,11 @@ export class IconButton extends React.Component<IconButtonProps>{ onClick = () => { let newList: string[] = SearchBox.Instance.getIcons(); - if(!this.isSelected){ + if (!this.isSelected) { this.isSelected = true; newList.push(this.props.type) } - else{ + else { this.isSelected = false; _.pull(newList, this.props.type) } @@ -186,7 +190,7 @@ export class IconButton extends React.Component<IconButtonProps>{ onMouseLeave={this.onMouseLeave} onClick={this.onClick}> <div className="type-icon" id={this.props.type + "-icon"} - style = {this.hover ? this.hoverStyle : this.isSelected ? this.selected : this.notSelected} + style={this.hover ? this.hoverStyle : this.isSelected ? this.selected : this.notSelected} > {this.getFA()} </div> |