history completely functional

Author: nancyddao

package-lock.json

@@ -39,6 +39,6 @@ $graytwo: #C4CED4;
 $graythree: #A9B0BE;
 
 $gqlpink: #E00198;
-$gqlpinktwo: rgb(190, 62, 158);
+$gqlpinktwo: #BE3E9E;
 
 $grpcorange: #E6781E;

src/assets/style/colors.scss

@@ -38,7 +38,7 @@ class GRPCBodyEntryForm extends Component {
       });
     }
   }
-  // add stream only for client or BIDIRECTIONAL streaming
+  // add additional streams only for CLIENT or BIDIRECTIONAL streaming
   addStream() {
     const streamsArr = this.props.newRequestStreams.streamsArr;
     const streamContent = this.props.newRequestStreams.streamContent;

src/client/components/composer/NewRequest/GRPCBodyEntryForm.jsx

@@ -31,7 +31,7 @@ class GRPCBodyStream extends Component {
     let deleteStreamBtn;
     // grabs the query based on the stream id/number
     let streamContent = this.props.newRequestStreams.streamContent[this.props.stream.id];
-    // if the none or the first stream query in the array
+    // if none or the first stream query in the array
     if (this.props.stream.id === 1) {
       streamBody = (
         <textarea
@@ -45,7 +45,7 @@ class GRPCBodyStream extends Component {
         ></textarea>
       )
     } else {
-      // if subsequent stream query
+      // for subsequent stream query
       streamBody = (
         <textarea
           value={streamContent}

src/client/components/composer/NewRequest/GRPCBodyStream.jsx

@@ -76,6 +76,7 @@ class GRPCProtoEntryForm extends Component {
       ...this.props.newRequestStreams,
       protoContent: value
     })
+    document.getElementById("save-proto").innerText = 'Save Changes';
   }
 
  // clears stream body query when proto file or selected service is changed