diff --git a/client/app/components/admin/Admin.jsx b/client/app/components/admin/Admin.jsx
new file mode 100644
index 0000000..8594c11
--- /dev/null
+++ b/client/app/components/admin/Admin.jsx
@@ -0,0 +1,79 @@
+/*
+ ./app/components/App.jsx
+
+
+*/
+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';
+import store from '../redux/store.jsx';
+
+import { getCookie } from '../Cookie.jsx';
+import { fetchJSON } from '../http.jsx';
+
+import Sidebar from './Sidebar.jsx';
+import AdminRequestInfo from './AdminRequestInfo.jsx';
+
+
+class AdminComponent extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ requested_objects: '',
+ }
+ }
+
+ componentWillMount() {
+ fetchJSON('https://apollo.kevinmidboe.com/api/v1/plex/requests/all', 'GET')
+ .then(result => {
+ this.setState({
+ requested_objects: result.requestedItems
+ })
+ })
+ }
+
+ verifyLoggedIn() {
+ let adminComponentStyle = {
+ sidebar: {
+ float: 'left',
+ },
+ selectedObjectPanel: {
+ float: 'left',
+ }
+ }
+
+ const logged_in = getCookie('logged_in');
+ if (!logged_in) {
+ return
+ }
+
+ let display = undefined
+ if (this.props.match.params.search && this.state.requested_objects !== '') {
+ display = this.state.requested_objects[this.props.match.params.search]
+ }
+
+ return (
+
+ )
+ }
+
+ render() {
+ return (
+
+ { this.verifyLoggedIn() }
+
+ )
+ }
+
+}
+
+export default AdminComponent;
\ No newline at end of file