making json objects collapse

Author: neyser zana

build/webpack-bundle.js

@@ -37,7 +37,6 @@ const GraphQLRequest = ({ logs, log } ) => {
               name={null}
               iconStyle='triangle'
               indentWidth={1}
-              collapseStringsAfterLength={5}
               enableClipboard={false}
               displayDataTypes={false}
             />

build/webpack-bundle.js.map

@@ -17,6 +17,7 @@ const GraphQLResponse = ({ logs, log }) => {
               name={null}
               iconStyle='triangle'
               indentWidth={1}
+              collapsed={3}
               enableClipboard={false}
               displayDataTypes={false}
               displayObjectSize={false}

src/components/GraphQLRequest.js

@@ -16,6 +16,7 @@ const StateContainer = ({ stateDiffs, clearLog }) => {
           Clear All
         </button>
       </div>
+      <hr />
       {stateDiffs.map((el, i) => {
         return (
           <div className='stateDiff-div'>
@@ -28,7 +29,7 @@ const StateContainer = ({ stateDiffs, clearLog }) => {
                 indentWidth={1}
                 groupArraysAfterLength={20}
                 enableClipboard={false}
-                collapsed={2}
+                collapsed={1}
                 displayDataTypes={false}
                 displayObjectSize={false}
               />