blob: 487f32891e70088db6a46fc375d976bd2623f308 (
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
33
34
35
36
37
|
import React, { Component } from 'react'
import { NavLink } from 'react-router-dom'
import { connect } from 'react-redux'
class Sidebar extends Component {
render() {
const { hash } = this.props
if (!hash) {
return (
<div className="sidebar">
</div>
)
}
return (
<div className="sidebar">
<h4>Media</h4>
<NavLink to={'/metadata/' + hash + '/summary/'}>Summary</NavLink>
<NavLink to={'/metadata/' + hash + '/mediaRecord/'}>Media Record</NavLink>
<NavLink to={'/metadata/' + hash + '/mediaInfo/'}>Media Info</NavLink>
<NavLink to={'/metadata/' + hash + '/sugarcube/'}>Sugarcube</NavLink>
<h4>Keyframes</h4>
<NavLink to={'/metadata/' + hash + '/keyframe/'}>Keyframe</NavLink>
<h4>Detectors</h4>
<NavLink to={'/metadata/' + hash + '/places365/'}>Places 365</NavLink>
<NavLink to={'/metadata/' + hash + '/coco/'}>Coco</NavLink>
</div>
)
}
}
const mapStateToProps = state => ({
hash: state.metadata.hash,
})
export default connect(mapStateToProps)(Sidebar)
|
