From 39e363dbf3972773e417462b64e06636a0358e19 Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Sat, 21 Oct 2017 00:12:44 +0200
Subject: [PATCH] Works together with AdminRequestInfo to display info about
 requested items on the admin page.

---
 client/app/components/admin/Sidebar.jsx | 46 +++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 client/app/components/admin/Sidebar.jsx

diff --git a/client/app/components/admin/Sidebar.jsx b/client/app/components/admin/Sidebar.jsx
new file mode 100644
index 0000000..09dc4ab
--- /dev/null
+++ b/client/app/components/admin/Sidebar.jsx
@@ -0,0 +1,46 @@
+import React, { Component } from 'react';
+import { Link } from 'react-router-dom';
+
+class SidebarComponent extends Component {  
+
+	displayRequestedElementsInfo() {
+		if (this.props.requested_objects) {
+			let element = this.props.requested_objects.map((item, index) => {
+				return (
+					<tr key={index}>
+						<td><Link to={{ pathname: '/admin/'+String(index)}}>{item.name}</Link></td>
+						<td>{item.status}</td>
+						<td>{item.requested_date}</td>
+					</tr>
+				)
+			})
+
+			return (
+				<table key='requestedTable'>
+					<thead>
+						<tr>
+							<th><b>Name</b></th>
+							<th><b>Status</b></th>
+							<th><b>Date</b></th>
+						</tr>
+					</thead>
+					<tbody>
+						{element}
+					</tbody>
+				</table>
+				)
+		}
+	}
+
+  render() {
+  	console.log('sidebar: ', this.props.requested_objects)
+    return (
+    	<div>
+	      <h1>Hello from the sidebar: </h1>
+	      <span>{ this.displayRequestedElementsInfo() }</span>
+	     </div>
+    );
+  }
+}
+
+export default SidebarComponent;
\ No newline at end of file