From 7997f17a8d59a762cb2a26ca96b67822446342d7 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 22 May 2018 17:06:04 +0200
Subject: move player component

---
 app/client/common/player.component.js          | 18 ++++++++++++++++++
 app/client/index.jsx                           |  1 -
 app/client/live/components/player.component.js | 18 ------------------
 app/client/live/index.js                       |  6 +++---
 4 files changed, 21 insertions(+), 22 deletions(-)
 create mode 100644 app/client/common/player.component.js
 delete mode 100644 app/client/live/components/player.component.js

(limited to 'app')

diff --git a/app/client/common/player.component.js b/app/client/common/player.component.js
new file mode 100644
index 0000000..6b3d56f
--- /dev/null
+++ b/app/client/common/player.component.js
@@ -0,0 +1,18 @@
+import { h, Component } from 'preact'
+import { connect } from 'react-redux'
+
+function Player(props) {
+  return (
+    <div className='player'>
+      <canvas width={props.width} height={props.height} />
+    </div>
+  )
+}
+
+const mapStateToProps = state => ({
+})
+
+const mapDispatchToProps = (dispatch, ownProps) => ({
+})
+
+export default connect(mapStateToProps, mapDispatchToProps)(Player)
diff --git a/app/client/index.jsx b/app/client/index.jsx
index 8cf0ecd..d30c73f 100644
--- a/app/client/index.jsx
+++ b/app/client/index.jsx
@@ -1,6 +1,5 @@
 import { h, render } from 'preact'
 import { Provider } from 'react-redux'
-// import {  } from 'react-router-redux'
 import { BrowserRouter, Route } from 'react-router-dom'
 // import client from './client'
 
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
-- 
cgit v1.2.3-70-g09d2