From a0565f79d22c1505732c58815c9b51db53e6dde0 Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Sat, 21 Oct 2017 09:48:13 +0200
Subject: [PATCH] Changed name of variable element to requestElement and now
 the link name of a list item is generated by generateListElements and if this
 element is the one selected make it visually different

---
 client/app/components/admin/Sidebar.jsx | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/client/app/components/admin/Sidebar.jsx b/client/app/components/admin/Sidebar.jsx
index 09dc4ab..5d001b0 100644
--- a/client/app/components/admin/Sidebar.jsx
+++ b/client/app/components/admin/Sidebar.jsx
@@ -3,12 +3,23 @@ import { Link } from 'react-router-dom';
 
 class SidebarComponent extends Component {  
 
+	generateListElements(index, item) {
+		if (index == this.props.listItemSelected)
+			return (
+				<td>{item.name}</td>
+			)
+		else
+			return (
+				<td><Link to={{ pathname: '/admin/'+String(index)}}>{item.name}</Link></td>
+			)
+	}
+
 	displayRequestedElementsInfo() {
 		if (this.props.requested_objects) {
-			let element = this.props.requested_objects.map((item, index) => {
+			let requestedElement = this.props.requested_objects.map((item, index) => {
 				return (
 					<tr key={index}>
-						<td><Link to={{ pathname: '/admin/'+String(index)}}>{item.name}</Link></td>
+						{ this.generateListElements(index, item) }
 						<td>{item.status}</td>
 						<td>{item.requested_date}</td>
 					</tr>
@@ -25,7 +36,7 @@ class SidebarComponent extends Component {
 						</tr>
 					</thead>
 					<tbody>
-						{element}
+						{requestedElement}
 					</tbody>
 				</table>
 				)