blob: 03603cef7d6eaf513c8b3565a924780fc2c137da (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
import React, { Component } from 'react'
import { connect } from 'react-redux'
import actions from 'app/actions'
const PlayButton = ({ audio }) => {
return (
<div
className={audio.playing ? 'playButton playing' : 'playButton paused'}
onClick={() => {
audio.playing ? actions.audio.pause() : actions.audio.play()
}}
/>
)
}
const mapStateToProps = state => ({
audio: state.audio,
})
export default connect(mapStateToProps)(PlayButton)
|
