2 files changed, 3 insertions, 21 deletions
diff --git a/app/client/live/components/player.component.js b/app/client/live/components/player.component.js
deleted file mode 100644
index 42776ac..0000000
--- a/app/client/live/components/player.component.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import { h, Component } from 'preact'
-import { connect } from 'react-redux'
-
-function Player(props) {
-  return (
-    <div className='player'>
-      <canvas width='424' height='256' />
-    </div>
-  )
-}
-
-const mapStateToProps = state => ({
-})
-
-const mapDispatchToProps = (dispatch, ownProps) => ({
-})
-
-export default connect(mapStateToProps, mapDispatchToProps)(Player)
diff --git a/app/client/live/index.js b/app/client/live/index.js
index 462d75d..94af289 100644
--- a/app/client/live/index.js
+++ b/app/client/live/index.js
@@ -2,7 +2,7 @@ import { h, Component } from 'preact'
 import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 
-import Player from './components/player.component'
+import Player from '../common/player.component'
 import ParamGroup from '../common/paramGroup.component'
 import Slider from '../common/slider.component'
 import Select from '../common/select.component'
@@ -54,7 +54,7 @@ class App extends Component {
   toggleRecording(){
     if (this.props.opt.recording){
       stopRecording()
-      this.props.actions.pause()
+      this.props.actions.pause()  
     } else {
       startRecording()
     }
@@ -62,7 +62,7 @@ class App extends Component {
   render(){
     return (
       <div className='app'>
-        <Player />
+        <Player width={424} height={256} />
         <div className='params'>
           <div className='column'>
             <ParamGroup