Implement going to individual log items

readmeio · Sep 28, 2018 · db8cc6a · db8cc6a
1 parent 5782442
commit db8cc6a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/api-explorer/api-explorer.css b/packages/api-explorer/api-explorer.css
@@ -78,7 +78,7 @@ form form.rjsf {
 }
 .logs .logs-list table {}
 .hub-reference-section .logs .logs-list table tbody tr:hover {
-  cursor: default;
+  cursor: pointer;
   background-color: #eee;
 }
 .logs .select-container {

diff --git a/packages/api-logs/index.jsx b/packages/api-logs/index.jsx
@@ -60,6 +60,7 @@ class Logs extends React.Component {
     this.renderSelect = this.renderSelect.bind(this);
     this.onSelect = this.onSelect.bind(this);
     this.renderTable = this.renderTable.bind(this);
+    this.visitLogItem = this.visitLogItem.bind(this);
   }
 
   componentDidMount() {
@@ -115,13 +116,18 @@ class Logs extends React.Component {
       });
   }
 
+  visitLogItem(log) {
+    const { baseUrl } = this.props;
+    window.location = `${baseUrl}logs/${log._id}`;
+  }
+
   renderLogs() {
     const { logs } = this.state;
 
     return logs.map(log => {
       const entry = log.request.log.entries[0];
       return (
-        <tr key={log._id}>
+        <tr onClick={this.visitLogItem.bind(this, log)} key={log._id}>
           <td>{entry.request.method}</td>
           <td>{entry.response.status}</td>
           <td>{entry.request.url}</td>