1 files changed, 37 insertions, 0 deletions
diff --git a/client/common/sidebar.component.js b/client/common/sidebar.component.js
new file mode 100644
index 00000000..487f3289
--- /dev/null
+++ b/client/common/sidebar.component.js
@@ -0,0 +1,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)