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

@@ -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}

client/app/components/styles/adminComponent.jsx

@@ -0,0 +1,8 @@
+export default {
+	sidebar: {
+		float: 'left',
+	},
+	selectedObjectPanel: {
+		float: 'left',
+	}
+}