Lots of UI updates

lib/src/components/data/Log.js

@@ -7,23 +7,18 @@ class Log extends Component {
     this.state = {
       logs: [],
     };
-    this.addLog = this.addLog.bind(this);
+    this.setLogs = this.setLogs.bind(this);
   }
 
   componentDidMount() {
-    log.listen(this.addLog);
+    log.listen(this.setLogs);
   }
 
   componentWillUnmount() {
-    log.unlisten(this.addLog);
+    log.unlisten(this.setLogs);
   }
 
-  addLog(entry) {
-    entry = Array.isArray(entry) ? entry : [entry];
-    const logs = [
-      ...this.state.logs,
-      ...entry,
-    ];
+  setLogs(logs) {
     this.setState({
       logs,
     });

lib/src/components/data/Network.js

@@ -7,23 +7,18 @@ class Network extends Component {
     this.state = {
       requests: [],
     };
-    this.addRequest = this.addRequest.bind(this);
+    this.setRequests = this.setRequests.bind(this);
   }
 
   componentDidMount() {
-    network.listen(this.addRequest);
+    network.listen(this.setRequests);
   }
 
   componentWillUnmount() {
-    network.unlisten(this.addRequest);
+    network.unlisten(this.setRequests);
   }
 
-  addRequest(request) {
-    request = Array.isArray(request) ? request : [request];
-    const requests = [
-      ...this.state.requests,
-      ...request,
-    ];
+  setRequests(requests) {
     this.setState({
       requests,
     });