From 8695a553d641894d2cb82f81afef9a716825372a Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Sat, 2 Dec 2017 11:32:49 +0100
Subject: [PATCH] Admin page is our landing page for admin panel, now it passes
 our api response to sidebar and info panel when we get the response back from
 the api. Some renaming of stylesheet variable.

---
 client/app/components/admin/Admin.jsx         | 30 +++++++------------
 .../app/components/styles/adminComponent.jsx  |  8 +++++
 2 files changed, 19 insertions(+), 19 deletions(-)
 create mode 100644 client/app/components/styles/adminComponent.jsx

diff --git a/client/app/components/admin/Admin.jsx b/client/app/components/admin/Admin.jsx
index 47d941a..50047b1 100644
--- a/client/app/components/admin/Admin.jsx
+++ b/client/app/components/admin/Admin.jsx
@@ -1,10 +1,5 @@
-/*
-	./app/components/App.jsx
-	
-	<FetchData url={"https://apollo.kevinmidboe.com/api/v1/plex/playing"} />
-*/
+
 import React from 'react';
-import { HashRouter as Router, Route, Switch, IndexRoute } from 'react-router-dom';
 
 import LoginForm from './LoginForm/LoginForm.jsx';
 import { Provider } from 'react-redux';
@@ -16,6 +11,8 @@ import { fetchJSON } from '../http.jsx';
 import Sidebar from './Sidebar.jsx';
 import AdminRequestInfo from './AdminRequestInfo.jsx';
 
+import adminCSS from '../styles/adminComponent.jsx'
+
 
 class AdminComponent extends React.Component {
 	constructor(props) {
@@ -25,6 +22,7 @@ class AdminComponent extends React.Component {
 		}
 	}
 
+	// Fetches all requested elements and updates the state with response
 	componentWillMount() {
 		fetchJSON('https://apollo.kevinmidboe.com/api/v1/plex/requests/all', 'GET')
 		.then(result => {
@@ -34,16 +32,9 @@ class AdminComponent extends React.Component {
 		})
 	}
 
+	// Displays loginform if not logged in and passes response from 
+	// api call to sidebar and infoPanel through props
 	verifyLoggedIn() {
-		let adminComponentStyle = {
-			sidebar: {
-				float: 'left',
-			},
-			selectedObjectPanel: {
-				float: 'left',
-			}
-		}
-
 		const logged_in = getCookie('logged_in');
 		if (!logged_in) {
 			return <LoginForm />
@@ -53,20 +44,21 @@ class AdminComponent extends React.Component {
 		let listItemSelected = undefined;
 		
 		const requestParam = this.props.match.params.request;
+
 		if (requestParam && this.state.requested_objects !== '') {
 			selectedRequest = this.state.requested_objects[requestParam]
-			listItemSelected = requestParam
+			listItemSelected = requestParam;
 		}
 
 		return (
 			<div>
-				<div style={adminComponentStyle.sidebar}>
+				<div style={adminCSS.sidebar}>
 					<Sidebar 
 						requested_objects={this.state.requested_objects} 
 						listItemSelected={listItemSelected}
-						style={adminComponentStyle.sidebar} />
+						/>
 				</div>
-				<div style={adminComponentStyle.selectedObjectPanel}>
+				<div style={adminCSS.selectedObjectPanel}>
 					<AdminRequestInfo 
 						selectedRequest={selectedRequest}
 						listItemSelected={listItemSelected}
diff --git a/client/app/components/styles/adminComponent.jsx b/client/app/components/styles/adminComponent.jsx
new file mode 100644
index 0000000..9e131aa
--- /dev/null
+++ b/client/app/components/styles/adminComponent.jsx
@@ -0,0 +1,8 @@
+export default {
+	sidebar: {
+		float: 'left',
+	},
+	selectedObjectPanel: {
+		float: 'left',
+	}
+}
\ No newline at end of file