2 files changed, 6 insertions, 2 deletions
diff --git a/app/client/common/header.component.js b/app/client/common/header.component.js
index 844e1ef..b5a484e 100644
--- a/app/client/common/header.component.js
+++ b/app/client/common/header.component.js
@@ -4,13 +4,15 @@ import { connect } from 'react-redux'
 function Header(props) {
   return (
     <header>
-      live cortex | {props.fps} fps
+      <b>live cortex</b>
+      <span>{props.fps} fps</span>
     </header>
   )
 }
 
 const mapStateToProps = state => ({
-  fps: state.live.fps
+  fps: state.live.fps,
+  frame: state.live.frame,
 })
 
 const mapDispatchToProps = (dispatch, ownProps) => ({
diff --git a/app/client/common/slider.component.js b/app/client/common/slider.component.js
index e3e3f48..fe27c84 100644
--- a/app/client/common/slider.component.js
+++ b/app/client/common/slider.component.js
@@ -34,6 +34,7 @@ class Slider extends Component {
     if (old_value !== new_value) {
       this.setState({ value: new_value })
       this.props.actions.set_param(this.props.name, new_value)
+      this.props.onChange(new_value)
     }
     clearTimeout(this.timeout)
   }
@@ -49,6 +50,7 @@ class Slider extends Component {
     this.setState({ value: new_value })
     this.timeout = setTimeout(() => {
       this.props.actions.set_param(this.props.name, new_value)
+      this.props.onChange(new_value)
     }, SLIDER_THROTTLE_TIME)
   }
   render(){