logo now shows on our devtool

Author: neyser zana

build/hexagonFAT.png

@@ -29,6 +29,6 @@
     "ids": ["*"]
   },
   "icons": {
-    "128": "logo.png"
+    "128": "hexagonFAT.png"
   }
 }

build/logo.png

@@ -50,7 +50,7 @@ h2{
 
 #logo{
   width: 50px;
-  height: 80px;
+  height: 50px;
 }
 
 #treeWrapper{

build/manifest.json

@@ -22,11 +22,9 @@ const StateContainer = ({ stateDiffs, clearLog }) => {
         return (
           <div className='stateDiff-div'>
             <span className='state-span'>
-              <div key={i}>
-                <div><b>{el.component}: </b>{Object.keys(el.oldState)[0]}</div>
-                <div><b>Old: </b>{el.oldState[Object.keys(el.oldState)[0]]}</div>
-                  {/* <ReactJson
-                  src={el.oldState[Object.keys(el.oldState)[0]]}
+              
+            <ReactJson
+                  src={el}
                   name={null}
                   iconStyle='triangle'
                   indentWidth={1}
@@ -35,20 +33,8 @@ const StateContainer = ({ stateDiffs, clearLog }) => {
                   collapsed={1}
                   displayDataTypes={false}
                   displayObjectSize={false}
-                  /> */}
-                <div><b>New: </b>{el.newState[Object.keys(el.newState)[0]]}</div>
-                  {/* <ReactJson
-                  src={el.newState[Object.keys(el.newState)[0]]}
-                  name={null}
-                  iconStyle='triangle'
-                  indentWidth={1}
-                  groupArraysAfterLength={20}
-                  enableClipboard={false}
-                  collapsed={1}
-                  displayDataTypes={false}
-                  displayObjectSize={false}
-                  /> */}
-              </div>
+                  />
+
             </span>
           </div>
         );

build/webpack-bundle.js

@@ -204,7 +204,7 @@ class App extends Component {
           <div id='app-container'>
             <div id='window'>
               <div id='window-nav'>
-                <img id='logo' src='./lucidlogo-card-transparent.png' alt='devtool logo' />
+                <img id='logo' src='./hexagonFAT.png' alt='devtool logo' />
                 <button className='window-btn active' id='graphqlbtn' data-btn='Graphql' onClick={(e) => { this.handleWindowChange(e.target); }}>GraphQL</button>
                 <button className='window-btn' id='reactbtn' data-btn='React' onClick={(e) => { this.handleWindowChange(e.target); }}>Component Tree</button>
               </div>