Show parsed mqtt payload in details sidebar tab

Author: eliihen

data/components/details-tab.js

@@ -26,6 +26,11 @@ var DetailsTab = React.createClass({
   render: function() {
     var selectedFrame = this.props.selection || {};
 
+    // Show parsed mqtt payload
+    if (selectedFrame.mqtt) {
+      selectedFrame.data.payload = selectedFrame.mqtt.payload;
+    }
+
     return (
       DIV({className: "details"},
         TreeView({key: "detailsTabTree", data: selectedFrame.data})

data/components/payload-tab.js

@@ -23,7 +23,7 @@ var PayloadTab = React.createClass({
     var frame = this.props.selection || {};
     var data = frame.data || {};
 
-    // Parse mqtt payload
+    // Show parsed mqtt payload
     if (frame.mqtt) {
       data.payload = frame.mqtt.payload;
     }