From a4a10fc4fc3785b953967afe598d5663df33a28e Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 24 Jul 2020 14:31:05 +0200
Subject: refactor out player...

---
 .../frontend/app/views/viewer/nav/nav.player.js    | 27 ++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 animism-align/frontend/app/views/viewer/nav/nav.player.js

(limited to 'animism-align/frontend/app/views/viewer/nav/nav.player.js')

diff --git a/animism-align/frontend/app/views/viewer/nav/nav.player.js b/animism-align/frontend/app/views/viewer/nav/nav.player.js
new file mode 100644
index 0000000..a19f1c9
--- /dev/null
+++ b/animism-align/frontend/app/views/viewer/nav/nav.player.js
@@ -0,0 +1,27 @@
+import React, { Component } from 'react'
+import { connect } from 'react-redux'
+
+import { PlayButton, PlayerTime, VolumeControl } from './viewer.icons'
+
+class NavPlayer extends Component {
+  render() {
+    const { playing, play_ts, duration, volume } = this.props
+    return (
+      <div className='nav-player'>
+        <PlayButton playing={playing} />
+        <PlayerTime play_ts={play_ts} duration={duration} />
+        <VolumeControl volume={volume} />
+      </div>
+    )
+  }
+}
+
+const mapStateToProps = state => ({
+  playing: state.audio.playing,
+  volume: state.audio.volume,
+  play_ts: state.audio.play_ts,
+  duration: state.align.timeline.duration,
+})
+
+export default connect(mapStateToProps)(NavPlayer)
+
-- 
cgit v1.2.3-70-g09d2