cleanup

lib/src/components/DevTool/Requests/Details.js

@@ -72,11 +72,19 @@ const Data = ({
         <Cell left="Method" right={method} />
         <Cell left="Url" right={url} />
         <CellHeader>Response Headers</CellHeader>
-        <Indented><Fixed>{requestHeaders}</Fixed></Indented>
-        {headerInfo && (
+        <Indented>
+          <Fixed>
+            {requestHeaders}
+          </Fixed>
+        </Indented>
+        {headerInfo.length > 0 && (
           <Fragment>
             <CellHeader>Request Headers</CellHeader>
-            <Indented><Fixed selectable={true}>{headerInfo}</Fixed></Indented>
+            <Indented>
+              <Fixed selectable={true}>
+                {headerInfo}
+              </Fixed>
+            </Indented>
           </Fragment>
         )}
         {args[0] && (

lib/src/components/DevTool/Storage/index.js

@@ -13,10 +13,12 @@ const Wrapper = styled.View`
   flex: 1;
 `;
 
-const StorageView = () => (
+const StorageView = ({
+  provider,
+}) => (
   <State>
     {({ selected }, setState) => (
-      <Storage>
+      <Storage provider={provider}>
         {(data, update, removeItem, clear) => (
           <Wrapper>
             <Toolbar>

lib/src/components/DevTool/index.js

@@ -23,9 +23,9 @@ const DevTool = ({
   includeStackTrace,
   onClose,
   showNetwork = true,
-  showStorage = true,
   showConsole = true,
   additionalTools = [],
+  storage,
 }) => {
   const views = [];
 
@@ -45,10 +45,10 @@ const DevTool = ({
     });
   }
 
-  if (showStorage) {
+  if (storage) {
     views.push({
       name: 'Storage',
-      view: <Storage />,
+      view: <Storage provider={storage} />,
     });
   }