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/ToggleBar.tsx | |
| parent | 56f455334cc41efd3d75ddb1b595caa78c5510bc (diff) | |
WORKING HELLL YYEEEEEEUH
Diffstat (limited to 'src/client/views/search/ToggleBar.tsx')
| -rw-r--r-- | src/client/views/search/ToggleBar.tsx | 9 |
1 files changed, 3 insertions, 6 deletions
diff --git a/src/client/views/search/ToggleBar.tsx b/src/client/views/search/ToggleBar.tsx index b12ef4429..0fee81e20 100644 --- a/src/client/views/search/ToggleBar.tsx +++ b/src/client/views/search/ToggleBar.tsx @@ -19,7 +19,6 @@ export class ToggleBar extends React.Component<ToggleBarProps>{ @observable forwardTimeline: anime.AnimeTimelineInstance; @observable _toggleButton: React.RefObject<HTMLDivElement>; @observable _originalStatus: boolean = this.props.originalStatus; - @observable _curStatus: boolean = this.props.originalStatus; constructor(props: ToggleBarProps) { super(props); @@ -71,7 +70,6 @@ export class ToggleBar extends React.Component<ToggleBarProps>{ @action.bound onclick() { - this._curStatus = !this._curStatus; this.forwardTimeline.play(); this.forwardTimeline.reverse(); SearchBox.Instance.handleWordQueryChange(); @@ -79,11 +77,10 @@ export class ToggleBar extends React.Component<ToggleBarProps>{ @action.bound public resetToggle = () => { - if (!this._curStatus) { + if (!SearchBox.Instance.getBasicWordStatus()) { this.forwardTimeline.play() this.forwardTimeline.reverse(); SearchBox.Instance.handleWordQueryChange(); - this._curStatus = true; } } @@ -91,8 +88,8 @@ export class ToggleBar extends React.Component<ToggleBarProps>{ return ( <div> <div className="toggle-title"> - <div className="toggle-option" style={{ opacity: (this._curStatus ? 1 : .4) }}>{this.props.optionOne}</div> - <div className="toggle-option" style={{ opacity: (this._curStatus ? .4 : 1) }}>{this.props.optionTwo}</div> + <div className="toggle-option" style={{ opacity: (SearchBox.Instance.getBasicWordStatus() ? 1 : .4) }}>{this.props.optionOne}</div> + <div className="toggle-option" style={{ opacity: (SearchBox.Instance.getBasicWordStatus() ? .4 : 1) }}>{this.props.optionTwo}</div> </div> <div className="toggle-bar" id="toggle-bar" style={{ flexDirection: (this._originalStatus ? "row" : "row-reverse") }}> <div className="toggle-button" id="toggle-button" ref={this._toggleButton} onClick={this.onclick} /> |