diff options
| author | Monika <monika_hedman@brown.edu> | 2019-06-19 12:44:35 -0400 |
|---|---|---|
| committer | Monika <monika_hedman@brown.edu> | 2019-06-19 12:44:35 -0400 |
| commit | 3e7b7ea48e8ee6b4f2059f54e7cbc81c19ef4bef (patch) | |
| tree | 59b805de70418b2ae41681f0c9d761d71a99e26a /src/client/views/search/CheckBox.tsx | |
| parent | 3f393bd6579f4d37ff2ffc7791ce707cedf3763f (diff) | |
filtering by basic key working nicely
Diffstat (limited to 'src/client/views/search/CheckBox.tsx')
| -rw-r--r-- | src/client/views/search/CheckBox.tsx | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/src/client/views/search/CheckBox.tsx b/src/client/views/search/CheckBox.tsx index 94fd3503d..fc1d4005e 100644 --- a/src/client/views/search/CheckBox.tsx +++ b/src/client/views/search/CheckBox.tsx @@ -42,7 +42,7 @@ export class CheckBox extends React.Component<CheckBoxProps>{ targets: this.checkRef.current, easing: "easeInOutQuad", duration: 500, - opacity: 1 , + opacity: 0 , }); this.checkTimeline.add({ targets: this.checkRef.current, @@ -51,11 +51,15 @@ export class CheckBox extends React.Component<CheckBoxProps>{ strokeDashoffset: [anime.setDashoffset, 0], opacity: 1 }); + + if(this.props.originalStatus){ + this.checkTimeline.play(); + } } @action.bound onClick = () => { - this.props.updateStatus(this._status); + this.props.updateStatus(!this._status); if(this._status){ this.uncheckTimeline.play(); |
