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