aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/search/CheckBox.tsx
diff options
context:
space:
mode:
authorMonika <monika_hedman@brown.edu>2019-06-19 12:44:35 -0400
committerMonika <monika_hedman@brown.edu>2019-06-19 12:44:35 -0400
commit3e7b7ea48e8ee6b4f2059f54e7cbc81c19ef4bef (patch)
tree59b805de70418b2ae41681f0c9d761d71a99e26a /src/client/views/search/CheckBox.tsx
parent3f393bd6579f4d37ff2ffc7791ce707cedf3763f (diff)
filtering by basic key working nicely
Diffstat (limited to 'src/client/views/search/CheckBox.tsx')
-rw-r--r--src/client/views/search/CheckBox.tsx8
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();