blob: 40c83658595e75517c40a0c01ace7c5fd4d3ca10 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
import React, { Component } from 'react'
import { connect } from 'react-redux'
import {
EfluxLogo, EfluxClose, EfluxMenu
} from './eflux.icons'
import { PlayButton } from './viewer.icons'
import actions from 'app/actions'
const EfluxChrome = React.memo(({ navStyle, playing, transcriptOpen }) => (
<div className={"eflux-header " + navStyle + (transcriptOpen ? ' transcript-open' : '')}>
<div className="eflux-logo">
<a href="/">
{EfluxLogo}
</a>
</div>
<div className="eflux-nav">
<PlayButton playing={playing} />
<div className="transcript-icon" onClick={() => actions.viewer.toggleComponent('transcript')}>
{EfluxMenu}
</div>
</div>
</div>
))
const mapStateToProps = state => ({
navStyle: state.viewer.navStyle,
playing: state.audio.playing,
transcriptOpen: state.viewer.transcript,
})
export default connect(mapStateToProps)(EfluxChrome)
|
