Finished spying system

src/components/panels/paged_spying_log.jsx

@@ -0,0 +1,90 @@
+import React from 'react';
+import { withRouter, Link } from 'react-router-dom';
+import { connect } from 'react-redux';
+import PropTypes from 'prop-types';
+
+import SpyingLogRecord from './spying_log_record.jsx';
+
+class PagedSpyingLog extends React.Component {
+	constructor(props) {
+		super(props);
+
+		this.state = {
+			//
+		};
+
+		if (props.getFetch) {
+			props.getFetch(() => this.sendRequest('/spylogrequest', {start: props.start, length: props.length}));
+		}
+	}
+
+	render() {
+		return (
+			<div>
+				{Object.keys(this.state).map((key) => <SpyingLogRecord key={key} username={this.props.username} {...this.state[key]} />)}
+			</div>
+		);
+	}
+
+	//gameplay functions
+	sendRequest(url, args = {}) { //send a unified request, using my credentials
+		//build the XHR
+		let xhr = new XMLHttpRequest();
+		xhr.open('POST', url, true);
+
+		xhr.onreadystatechange = () => {
+			if (xhr.readyState === 4) {
+				if (xhr.status === 200) {
+					let json = JSON.parse(xhr.responseText);
+
+					//on success
+					this.setState(json);
+
+					if (this.props.onReceived) {
+						this.props.onReceived(json);
+					}
+				}
+				else if (xhr.status === 400 && this.props.setWarning) {
+					this.props.setWarning(xhr.responseText);
+				}
+			}
+		};
+
+		xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
+		xhr.send(JSON.stringify({
+			id: this.props.id,
+			token: this.props.token,
+			...args
+		}));
+	}
+};
+
+PagedSpyingLog.propTypes = {
+	id: PropTypes.number.isRequired,
+	token: PropTypes.number.isRequired,
+
+	username: PropTypes.string.isRequired,
+	start: PropTypes.number.isRequired,
+	length: PropTypes.number.isRequired,
+
+	setWarning: PropTypes.func,
+	getFetch: PropTypes.func,
+	onReceived: PropTypes.func
+};
+
+const mapStoreToProps = (store) => {
+	return {
+		id: store.account.id,
+		token: store.account.token
+	};
+};
+
+const mapDispatchToProps = (dispatch) => {
+	return {
+		//
+	};
+};
+
+PagedSpyingLog = connect(mapStoreToProps, mapDispatchToProps)(PagedSpyingLog);
+
+export default withRouter(PagedSpyingLog);