From aa0470a3076f5ac65a0311c76e58254547f3eae0 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sat, 3 Nov 2018 17:29:49 +0100
Subject: begin client

---
 client/common/sidebar.component.js | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 client/common/sidebar.component.js

(limited to 'client/common/sidebar.component.js')

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)
-- 
cgit v1.2.3-70-g09d2