Merge pull request #77 from NathanielBAdams/headers

remove unneeded console logs

Author: NathanielBAdams

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

@@ -3,14 +3,16 @@ import GRPCBodyStream from "./GRPCBodyStream.jsx";
 
 const GRPCBodyEntryForm = (props) => {
   const [show, toggleShow] = useState(true);
-  
+
   // when application first loads
   useEffect(() => {
     if (props.newRequestStreams.streamsArr.length === 0) {
-      const newStreamsArr = [{
-        id: props.newRequestStreams.count,
-        query: "",
-      }];
+      const newStreamsArr = [
+        {
+          id: props.newRequestStreams.count,
+          query: "",
+        },
+      ];
 
       props.newRequestStreams.streamContent.push("");
       // update state in the store
@@ -79,16 +81,18 @@ const GRPCBodyEntryForm = (props) => {
       history={props.history}
     />
   ));
-  
-  
-    //if client stream or bidirectional, the add stream btn will be rendered below the stream bodies
+
+  //if client stream or bidirectional, the add stream btn will be rendered below the stream bodies
   let addStreamBtn;
   if (
     props.selectedStreamingType === "CLIENT STREAM" ||
     props.selectedStreamingType === "BIDIRECTIONAL"
   ) {
     addStreamBtn = (
-      <button className="button is-small add-header-or-cookie-button" onClick={addStream}>
+      <button
+        className="button is-small add-header-or-cookie-button"
+        onClick={addStream}
+      >
         Add Stream
       </button>
     );
@@ -100,7 +104,7 @@ const GRPCBodyEntryForm = (props) => {
      - if client stream or bidirectional, the add stream btn will be rendered below the stream bodies
      */
   return (
-    <div className = "mt-1">
+    <div className="mt-1">
       <div className="composer-section-title">Body</div>
       <section>{streamArr}</section>
       {addStreamBtn}

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

@@ -10,8 +10,7 @@ const GRPCProtoEntryForm = (props) => {
   const [show, toggleShow] = useState(true);
   const [protoError, showError] = useState(null);
   const [changesSaved, saveChanges] = useState(false);
-  console.log("gRPC proto entry props new req streams --->", props.newRequestStreams)
-
+  // console.log("gRPC proto entry props new req streams --->", props.newRequestStreams)
 
   // import proto file via electron file import dialog and have it displayed in proto textarea box
   const importProtos = () => {
@@ -96,8 +95,7 @@ const GRPCProtoEntryForm = (props) => {
       api.send("protoParserFunc-request", props.newRequestStreams.protoContent);
     }
   };
-  
-  
+
   const saveChangesBtnText = changesSaved ? "Changes Saved" : "Save Changes";
   /*
     pseudocode for the return section
@@ -108,26 +106,27 @@ const GRPCProtoEntryForm = (props) => {
      */
   return (
     <div className="mt-1">
-      <div className='is-flex is-justify-content-space-between is-align-content-center'>
+      <div className="is-flex is-justify-content-space-between is-align-content-center">
         <div className="composer-section-title">Proto</div>
         <div>
-          <button 
+          <button
             className="button is-small add-header-or-cookie-button mr-1"
-            onClick={importProtos}> 
-            Load Proto 
+            onClick={importProtos}
+          >
+            Load Proto
           </button>
-            <button
+          <button
             className="button is-small add-header-or-cookie-button"
             id="save-proto"
             onClick={submitUpdatedProto}
-            >
+          >
             {saveChangesBtnText}
           </button>
         </div>
       </div>
-   
+
       <div className="is-danger subtitle">{protoError}</div>
-      <TextCodeAreaEditable 
+      <TextCodeAreaEditable
         id="grpcProtoEntryTextArea"
         onChange={(editor, data, value) => updateProtoBody(value)}
         value={props.newRequestStreams.protoContent}

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

@@ -25,7 +25,6 @@ class HeaderEntryForm extends Component {
       lastHeader?.key !== "" &&
       lastHeader?.key.toLowerCase() !== "content-type"
     ) {
-      // console.log("adding header");
       this.addHeader();
     }
     this.checkContentTypeHeaderUpdate();
@@ -80,8 +79,6 @@ class HeaderEntryForm extends Component {
     //   foundHeader.value !== contentType &&
     //   this.contentHeaderNeeded()
     // ) {
-    //   console.log("here is why - updating content type");
-    //   console.log("foundHeader, contentType", foundHeader, contentType);
     //   this.updateContentTypeHeader(contentType, foundHeader);
     // }
   }
@@ -112,13 +109,6 @@ class HeaderEntryForm extends Component {
     const filtered = this.props.newRequestHeaders.headersArr.filter(
       (header) => !header.key.toLowerCase().includes("content-type")
     );
-    // console.log(filtered);
-    // this.props.newRequestHeaders.headersArr.unshift({
-    //   id: Math.random() * 1000000,
-    //   active: true,
-    //   key: "Content-Type",
-    //   value: contentType,
-    // });
 
     this.props.setNewRequestHeaders({
       headersArr: filtered,
@@ -145,8 +135,6 @@ class HeaderEntryForm extends Component {
   }
 
   onChangeUpdateHeader(id, field, value) {
-    // console.log("all headers", this.props.newRequestHeaders.headersArr);
-
     const headersDeepCopy = JSON.parse(
       JSON.stringify(this.props.newRequestHeaders.headersArr)
     );

src/client/components/containers/ResponsePaneContainer.jsx

@@ -12,7 +12,7 @@ import ReqResCtrl from "../../controllers/reqResController";
 export const ResponsePaneContainer = () => {
   const dispatch = useDispatch();
   const activeTab = useSelector((store) => store.ui.responsePaneActiveTab);
-  
+
   const setActiveTab = (tabName) =>
     dispatch(actions.setResponsePaneActiveTab(tabName));
 
@@ -22,7 +22,7 @@ export const ResponsePaneContainer = () => {
   const { connection } = currentResponse;
 
   // UNCOMMENT FOR DEBUGGING
-  console.log("currentResponse on ResponsePaneContainer --> ", currentResponse);
+  // console.log("currentResponse on ResponsePaneContainer --> ", currentResponse);
 
   return (
     <div
@@ -84,9 +84,9 @@ export const ResponsePaneContainer = () => {
           </div>
           {/* RESPONSES CONTENT */}
           <div className="is-flex-grow-3 add-vertical-scroll is-flex is-flex-direction-column remove-horizontal-scroll">
-            {activeTab === "events" && 
+            {activeTab === "events" && (
               <EventsContainer currentResponse={currentResponse} />
-            }
+            )}
             {activeTab === "headers" && (
               <HeadersContainer currentResponse={currentResponse} />
             )}
@@ -97,7 +97,7 @@ export const ResponsePaneContainer = () => {
           {/* RENDER RE-SEND REQUEST BUTTON ONLY FOR NOT WEB SOCKETS / SUBSCRIPTIONS */}
           {currentResponse.id &&
             currentResponse.request?.method !== "WS" &&
-            currentResponse.request?.method !== "SUBSCRIPTION" && 
+            currentResponse.request?.method !== "SUBSCRIPTION" &&
             (connection === "closed" || connection === "error") && (
               <div className="is-3rem-footer mx-3">
                 <button

src/client/components/display/BarGraph.jsx

@@ -134,7 +134,12 @@ const BarGraph = (props) => {
     const { id, host } = currentResponse;
     setHost(host?.slice(7));
 
-    let url; let urls; let times; let BGs; let borders; let reqResObjs;
+    let url;
+    let urls;
+    let times;
+    let BGs;
+    let borders;
+    let reqResObjs;
     if (dataPoints[id]?.length) {
       const point = dataPoints[id][0];
       // // if grpc, just return the server IP
@@ -149,7 +154,7 @@ const BarGraph = (props) => {
           ? `- ..${point.url.slice(point.url.length - 8, point.url.length)}`
           : ""
       }`;
-      // console.log('final URL', url)
+
       setChartURL(url);
 
       //extract arrays from data point properties to be used in chart data/options that take separate arrays

src/client/reducers/business.js

@@ -148,7 +148,7 @@ const businessReducer = (state = initialState, action) => {
 
     case types.COLLECTION_TO_REQRES: {
       const reqResArray = JSON.parse(JSON.stringify(action.payload));
-      console.log('IN REDUCER:', reqResArray);
+      // console.log('IN REDUCER:', reqResArray);
       return {
         ...state,
         reqResArray,