feat: add slight red background for fields added to the table from the response (#297)

Author: regeter

src/LogTable.js

@@ -349,11 +349,17 @@ function LogTable(props) {
     // Add dynamic columns
     _.map(props.extraColumns, (dotPath) => {
       const elems = dotPath.split(".");
+
+      let columnClass = "logtable-cell";
+      if (dotPath.startsWith("response.")) {
+        columnClass += " response-column";
+      }
+
       stdColumns.push({
         Header: elems[elems.length - 1],
         accessor: dotPath === ".error" ? "error" : dotPath,
         width: columnLargeWidth,
-        className: "logtable-cell",
+        className: columnClass,
         Cell: ({ cell }) => {
           const value = cell.value;
           if (value === undefined || value === null) return null;

src/global.css

@@ -94,6 +94,10 @@ html {
   text-overflow: clip;
 }
 
+/* logtable for response fields */
+.response-column {
+  background-color: rgba(255, 0, 0, 0.05);
+}
 /* Event indicator styles */
 .selected-event-indicator-container {
   position: relative;