Merge pull request #52 from oslabs-beta/tabBugs

response headers now displays as response metadata in tab
updated collection of sent times to be in a timesArr that will be passed to the graph in further updates for gRPC graph behavior

Author: danst3in

package-lock.json

@@ -5,6 +5,7 @@ package helloworld;
 // The greeting service definition.
 service Greeter {
   // Sends a greeting
+
   // rpc SayHello (HelloRequest) returns (HelloReply) {}
   rpc SayHello (HelloNestedRequest) returns (HelloNestedReply) {}
   rpc SayHelloCS (stream HelloRequest) returns (HelloReply) {}
@@ -22,6 +23,7 @@ message HelloReply {
   string message = 1;
 }
 
+
 message HelloNestedRequest {
   HelloRequest firstPerson = 1;
   HelloRequest secondPerson = 2; 

src/client/components/composer/protos/saveProto.proto

@@ -73,8 +73,8 @@ class ResponseContainer extends Component {
         {(this.state.openTab === 'Response Events' && this.props.content.request.method !== 'SUBSCRIPTION')
           && <ResponseEventsDisplay response={this.props.content.response} />
         }
-        {this.state.openTab === 'Response Headers' && <ResponseHeadersDisplay responseContent={this.props.content.response} />}
-        {this.state.openTab === 'Response Metadata' && <ResponseHeadersDisplay responseContent={this.props.content.response} />}
+        {this.state.openTab === 'Response Headers' && <ResponseHeadersDisplay tabName={this.state.openTab} responseContent={this.props.content.response} />}
+        {this.state.openTab === 'Response Metadata' && <ResponseHeadersDisplay tabName={this.state.openTab} responseContent={this.props.content.response} />}
         {this.state.openTab === 'Response Cookies' && <ResponseCookiesDisplay responseContent={this.props.content.response} />}
       </div>
     );

src/client/components/containers/ResponseContainer.jsx

@@ -29,6 +29,7 @@ class Graph extends Component {
   }
 
   componentDidMount() {
+    
     // set up lineChart
     const context = document.querySelector('#line-chart');
     const ctx = document.querySelector('canvas').getContext('2d');
@@ -72,6 +73,8 @@ class Graph extends Component {
   }
 
   componentDidUpdate() {
+    console.log('req res array in graph',this.props.reqResArray);
+
     let openRequestCount = 0;
     this.props.reqResArray.forEach((reqRes) => {
       if (reqRes.connection === 'open' || reqRes.connection === 'pending') {