Better seperation

lib/src/components/DevTool/index.js

@@ -22,33 +22,38 @@ const DevTool = ({
   style,
   includeStackTrace,
   onClose,
-  showNetwork = true,
-  showConsole = true,
+  logProvider = log,
+  storageProvider,
+  requestProvider = network,
   additionalTools = [],
-  storage,
 }) => {
   const views = [];
 
-  if (showConsole) {
+  if (logProvider) {
     views.push({
       name: 'Console',
-      view: <Console includeStackTrace={includeStackTrace} />,
+      view: (
+        <Console
+          includeStackTrace={includeStackTrace}
+          provider={logProvider}
+        />
+      ),
       getData: log.get,
     });
   }
 
-  if (showNetwork) {
+  if (requestProvider) {
     views.push({
       name: 'Network',
-      view: <Requests />,
+      view: <Requests provider={requestProvider} />,
       getData: network.get,
     });
   }
 
-  if (storage) {
+  if (storageProvider) {
     views.push({
       name: 'Storage',
-      view: <Storage provider={storage} />,
+      view: <Storage provider={storageProvider} />,
     });
   }