Client/admin page #44
@@ -29,7 +29,7 @@ class AdminComponent extends React.Component {
|
|||||||
fetchJSON('https://apollo.kevinmidboe.com/api/v1/plex/requests/all', 'GET')
|
fetchJSON('https://apollo.kevinmidboe.com/api/v1/plex/requests/all', 'GET')
|
||||||
.then(result => {
|
.then(result => {
|
||||||
this.setState({
|
this.setState({
|
||||||
requested_objects: result.requestedItems
|
requested_objects: result.requestedItems.reverse()
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
@@ -49,18 +49,25 @@ class AdminComponent extends React.Component {
|
|||||||
return <LoginForm />
|
return <LoginForm />
|
||||||
}
|
}
|
||||||
|
|
||||||
let display = undefined
|
let selectedRequest = undefined;
|
||||||
if (this.props.match.params.search && this.state.requested_objects !== '') {
|
let listItemSelected = undefined;
|
||||||
display = this.state.requested_objects[this.props.match.params.search]
|
|
||||||
|
const requestParam = this.props.match.params.request;
|
||||||
|
if (requestParam && this.state.requested_objects !== '') {
|
||||||
|
selectedRequest = this.state.requested_objects[requestParam]
|
||||||
|
listItemSelected = requestParam
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<div style={adminComponentStyle.sidebar}>
|
<div style={adminComponentStyle.sidebar}>
|
||||||
<Sidebar requested_objects={this.state.requested_objects} style={adminComponentStyle.sidebar}/>
|
<Sidebar
|
||||||
|
requested_objects={this.state.requested_objects}
|
||||||
|
listItemSelected={listItemSelected}
|
||||||
|
style={adminComponentStyle.sidebar} />
|
||||||
</div>
|
</div>
|
||||||
<div style={adminComponentStyle.selectedObjectPanel}>
|
<div style={adminComponentStyle.selectedObjectPanel}>
|
||||||
<AdminRequestInfo display={display} />
|
<AdminRequestInfo selectedRequest={selectedRequest} />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user